Preguntas frecuentes
Respuestas a las dudas más comunes sobre el Sistema de Diseño Digital de Gobierno. Si no encuentras lo que buscas, revisa los canales de soporte.
Un sistema de diseño digital (design system) es un conjunto de normas, componentes reutilizables, guías de estilo y documentación que permite a los equipos crear sitios web y aplicaciones con rapidez y coherencia visual. Funciona como una fuente de verdad unificada para diseñadores y programadores.
Sirve para que distintas páginas y aplicaciones mantengan una misma identidad visual, sean más fáciles de usar y puedan desarrollarse más rápido.
No. Una guía de marca define principalmente aspectos como logotipo, colores y tipografías. Un Sistema de Diseño también define cómo funcionan botones, formularios, menús, mensajes, tablas y otros elementos digitales.
No. Una plantilla entrega una estructura prediseñada. Un Sistema de Diseño entrega piezas y reglas que permiten construir diferentes sitios y servicios manteniendo coherencia.
En la sección de Componentes de este sitio están documentados todos los componentes del sistema, con su markup, variantes, clases BEM y criterios de accesibilidad.
Storybook permite explorar cada componente en su versión de código, probar sus variantes y propiedades de forma interactiva y revisar su implementación real. Complementa la documentación de este sitio y es útil para equipos de desarrollo que necesitan integrar los componentes en sus proyectos.
No existe una ley que lo exija de forma directa, pero sí es la vía recomendada para cumplir obligaciones de accesibilidad y transformación digital ya establecidas en el marco normativo. La forma más efectiva de asegurar su uso es incorporarlo como requisito técnico explícito en las bases de licitación o el contrato: revisa Contratación pública y el sistema de diseño.
El estándar mínimo exigido es WCAG 2.2 nivel AA. Los criterios de redacción y diseño accesible están en la Guía de mejores prácticas y criterios de escritura WCAG, y las herramientas para auditar el cumplimiento técnico en Herramientas de validación.
En la sección Contenidos digitales, que incluye Material de apoyo: lenguaje claro y Material de apoyo: voz y tono, con criterios y ejemplos para escribir botones, formularios, mensajes de error y consentimientos.
La sección Metodología reúne guías para cada etapa del ciclo de un servicio digital: investigación usuaria, prototipado y testeo, gestión ágil de proyectos, diseño de servicios digitales y la adopción del sistema de diseño dentro de una institución.
Sí, siempre que verifiques su licencia de uso antes de incorporarlas a un proyecto oficial. La sección Recursos reúne bancos de imágenes, iconografía y tipografías con licencia adecuada para servicios del Estado, junto con las condiciones de atribución y derechos de imagen que debes revisar.
Revisa los canales disponibles en Soporte: foro de discusión, chat institucional, GitHub o correo institucional, según el tipo de solicitud. Las propuestas de la comunidad son parte del proceso de evolución del sistema descrito en Gobernanza.
El Changelog registra los cambios de cada versión publicada del framework, y el Roadmap del Sistema de Diseño muestra las prioridades y lanzamientos planificados.
La sección Comenzar tiene una ruta de inicio según tu rol: diseñadores, desarrolladores, UX writers, líderes de proyecto y coordinadores de transformación digital.
Última actualización: Septiembre de 2026