← Glosario
Glosario · Dev

¿Qué es Design System?

Es el conjunto de estándares de diseño y componentes utilizados al desarrollar aplicaciones.

Definición

Son bibliotecas de reglas, paletas de colores, fuentes y componentes listos para usar creados para mantener la coherencia visual y funcional de un producto digital. Al utilizar este sistema, los desarrolladores y diseñadores no siempre diseñan desde cero. De esta forma, cada botón o menú de la aplicación funciona y aparece de la misma manera.

Analogía: Es como una lista de recetas estándar y equipos de cocina utilizados por una cadena alimentaria para lograr el mismo sabor y presentación en todas las sucursales.

Cómo funciona

Los diseñadores primero determinan los elementos básicos (color, tipografía). Luego, se crean componentes combinados (botones, formularios) a partir de estos elementos. Los desarrolladores agregan estos componentes a sus proyectos como bibliotecas de código y los utilizan cuando los necesitan.

Dónde se usa

Se utiliza en sitios web, aplicaciones móviles y proyectos de software de grandes empresas.

Suele confundirse con

Puede confundirse con la 'Guía de estilo', que es sólo una guía visual; El sistema de diseño es una versión mucho más amplia y funcional de este.

Preguntas frecuentes

¿Por qué necesitamos un sistema de diseño?

Es necesario ganar velocidad y ofrecer la misma experiencia de usuario en toda la aplicación.

¿Quién es responsable del sistema de diseño?

Es un documento vivo que normalmente lo gestionan de forma conjunta diseñadores y desarrolladores de aplicaciones para el usuario.

Términos relacionados

Herramientas relacionadas

Esta explicación se redactó en lenguaje sencillo para TreScout y se tradujo automáticamente del original en turco · prevalece la versión turca. Si algo le parece erróneo o incompleto, escriba a hello@trescout.com. Leer en turco →