Saltar al contenido principal
Gob.cl

Recursos y Herramientas

Esta sección reúne recursos útiles para el diseño y desarrollo de servicios digitales del Estado. Aquí encontrarás referencias, herramientas y materiales gráficos que complementan los lineamientos del Sistema de Diseño Digital de Gobierno.

Portada de «Recursos y Herramientas»Portada de «Recursos y Herramientas»

Qué resuelve y a quién está dirigido

Esta sección reúne herramientas, bibliotecas y referencias externas que complementan los lineamientos del Sistema de Diseño Digital de Gobierno, para que los equipos no tengan que buscar por su cuenta recursos de imágenes, iconografía, tipografía, contenido, diseño, desarrollo e investigación con personas usuarias.

Está dirigida a:

  • Equipos de diseño y contenido que necesitan imágenes, ilustraciones, iconografía o tipografías con licencia adecuada para un servicio del Estado.
  • Equipos de desarrollo que buscan documentación técnica o herramientas para implementar componentes.
  • Equipos de investigación que necesitan metodologías o plataformas para validar decisiones de diseño con personas usuarias.

Cuándo utilizarlo y cuándo no

Utilízala cuando:

  • Necesitas un recurso gráfico, tipográfico, de contenido o técnico que complemente el sistema de diseño y no sabes dónde buscarlo.
  • Debes verificar la licencia y condiciones de uso de un recurso externo antes de incorporarlo a un proyecto oficial.
  • Buscas una herramienta o metodología de investigación con personas usuarias.

No la utilices cuando:

Licencias y derechos

Los recursos externos que se listan no son de propiedad del Estado ni están mantenidos por él. Antes de incorporar cualquiera de ellos a un proyecto oficial, revisa su licencia de uso, sus condiciones de atribución y su compatibilidad con la normativa vigente.

Toda pieza gráfica, tipográfica o de código que incorpores a un servicio digital del Estado debe tener una licencia que permita su uso público.

Ten presente lo siguiente

Cómo aplicarlo

  1. Revisa primero si el sistema de diseño ya resuelve tu necesidad (iconografía, tipografía, componentes) antes de buscar un recurso externo.
  2. Elige la categoría de recurso que necesitas: imágenes, iconografía, tipografía, contenido, diseño y prototipado, desarrollo o investigación con usuarios.
  3. Verifica la licencia y las condiciones de atribución del recurso antes de descargarlo o incorporarlo a un proyecto oficial.
  4. Aloja los archivos localmente (fuentes, íconos) en lugar de depender de un CDN externo, cuando sea posible.
  5. Guarda evidencia de la licencia vigente al momento de la descarga, para futuras auditorías o traspasos del proyecto.

Ejemplos recomendados y no recomendados

Recomendado: descargar y alojar localmente una tipografía de Google Fonts con licencia verificada, documentando la fuente y la fecha de descarga.

No recomendado: enlazar directamente al CDN de un tercero sin revisar su licencia ni considerar el rendimiento o la privacidad de las personas usuarias.

La segunda práctica genera dependencia de un servicio externo, puede transferir datos de las personas usuarias a terceros y deja de funcionar si el proveedor cambia sus condiciones o desaparece.

Consideraciones de contenido y accesibilidad

  • Un ícono nunca debe ser el único portador de significado: acompáñalo siempre de texto visible o de una etiqueta accesible.
  • Cuando una imagen deba representar a la ciudadanía chilena, prioriza fuentes locales o producción propia por sobre bancos internacionales, que rara vez representan la diversidad del país.
  • Complementa los recursos de contenido con los lineamientos de lenguaje claro y voz y tono del sistema de diseño.
  • Toda investigación con personas usuarias requiere consentimiento informado, resguardo de los datos recolectados y una finalidad declarada.

Checklist de implementación o revisión

CriterioCumple
Se revisó si el sistema de diseño ya provee un recurso equivalente antes de buscar uno externo.
Se verificó la licencia del recurso y se guardó evidencia de su vigencia.
Se incluyó la atribución cuando la licencia lo exige.
Para imágenes de personas identificables, se cuenta con el consentimiento correspondiente.
Las fuentes e íconos externos se alojan localmente en lugar de depender de un CDN de terceros.
La investigación con personas usuarias cuenta con consentimiento informado y finalidad declarada.

Recursos y contenidos relacionados

A continuación se listan los recursos organizados por categoría.

Imágenes, vectores e ilustraciones

Sitios donde puedes descargar fotografías, ilustraciones y recursos gráficos para usar en productos y servicios digitales.

Fotografía

Fotografía con contexto local

Los bancos internacionales rara vez representan la diversidad del país, los territorios rurales, los pueblos originarios o la atención presencial de servicios públicos. Cuando la imagen deba representar a la ciudadanía chilena, prioriza fuentes locales o producción propia.

Ilustración

Ilustraciones vectoriales con licencias abiertas o gratuitas para uso comercial. Útiles para complementar contenidos, explicar procesos o humanizar interfaces sin recurrir a fotografía.

Iconografía

El sistema de diseño provee su propio set de íconos. Es la única fuente que debes usar en servicios del Estado, ya que garantiza consistencia visual y soporte del equipo del sistema.

Un ícono nunca debe ser el único portador de significado. Acompáñalo siempre de texto visible o de una etiqueta accesible. Prioriza únicamente la iconografía oficial del sistema y, si necesitas un ícono que no existe, documenta el caso y propón la mejora a través de los canales de Soporte en vez de recurrir a una librería externa.

Tipografías

La tipografía del sistema está definida en los lineamientos de estilo. Estas fuentes solo aplican para casos donde se autorice una alternativa.

Aloja las fuentes en el propio servidor del servicio en lugar de cargarlas desde terceros. Esto mejora el rendimiento, reduce dependencias externas y evita transferencias de datos de usuarios a servicios de terceros.

Contenido y lenguaje claro

El texto es parte de la interfaz. Estos recursos apoyan la redacción de contenidos comprensibles para toda la ciudadanía.

Diseño y prototipado

Herramientas para crear prototipos, construir interfaces y validar flujos antes de pasar a desarrollo.

Los archivos de diseño del sistema, con componentes, estilos y variables, están disponibles en la sección de recursos descargables de este sitio.

Desarrollo

Herramientas y documentación técnica para implementar componentes, gestionar tokens y resolver dudas de desarrollo front-end.

Consulta siempre la documentación de componentes de este sistema antes de recurrir a implementaciones propias. Un componente ya resuelto ahorra trabajo y garantiza accesibilidad y consistencia.

Investigación con usuarios

Metodologías, guías y herramientas para comprender las necesidades de las personas usuarias y validar decisiones de diseño.

Toda investigación con personas usuarias requiere consentimiento informado, resguardo de los datos recolectados y una finalidad declarada. Aplica los mismos criterios de protección de datos que a cualquier otro tratamiento institucional.

Evidencia o fuentes

Los recursos listados en esta página corresponden a bibliotecas, herramientas y guías de referencia mantenidas por sus respectivos autores u organizaciones (indicados en la columna "Origen" de cada tabla). Verifica siempre la fuente oficial de cada recurso antes de usarlo, ya que las condiciones de licencia pueden cambiar con el tiempo.

Si conoces una herramienta o referencia que debería estar en esta sección, o detectas un enlace roto, escríbenos.

Última actualización: Septiembre de 2026