# ¿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.

## 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
- [Design Language](/es/dictionary/design-language/)
- [Design Systems](/es/dictionary/design-system/)
- [Frontend Stack](/es/dictionary/frontend-stack/)
- [User Interface](/es/dictionary/user-interface/)

## Herramientas relacionadas
- [Astryx](/es/discover/astryx/)

---
Fuente: TreScout Glosario · https://trescout.com/es/dictionary/design-system/