Logo de Dallonses

Design system

¿Qué es un design system?

Un design system es el conjunto compartido de reglas, componentes y patrones que define cómo se ve y se comporta un producto. Conecta las decisiones de diseño con código que funciona, para que un botón dibujado en Figma coincida con el botón que se publica. Una sola fuente de verdad, usada por igual por diseñadores y desarrolladores.

La gente suele confundir tres cosas. Una guía de estilo documenta la marca: colores, tipografía, uso del logo, tono. Una librería de componentes es el conjunto de piezas de UI reutilizables y codificadas. Un design system es la estructura mayor que sostiene ambas, más los principios, las convenciones de nombres, las reglas de accesibilidad y las pautas de uso que le dicen a un equipo cuándo y cómo usar cada pieza. Una guía de estilo te dice qué azul usar. Un design system te dice a qué botón recurrir, por qué y qué pasa cuando carga. Cuando un banco publica una app móvil, una web y un dashboard interno que se sienten como el mismo producto, hay un design system haciendo ese trabajo.

El beneficio es consistencia y velocidad. Las pantallas nuevas se ensamblan con piezas que ya existen y ya pasaron revisión. Los cambios se propagan desde un único sitio en lugar de copiarse y pegarse por cincuenta archivos. Un design system bien llevado también integra la accesibilidad, para que los ratios de contraste y los estados de foco sean correctos por defecto y no se arreglen tras el lanzamiento.

Los design systems en Dallonses

Tratamos un design system como infraestructura de producto, no como un entregable que se cede y se olvida. Cuando colaboramos en diseño de interfaces (UI) y experiencia de usuario (UX), construimos el sistema junto a las primeras pantallas reales, para que cada componente se gane su sitio resolviendo un problema real del producto. Los tokens, los nombres y las reglas de accesibilidad se ponen a prueba contra trabajo de verdad, no contra una página de muestra.

Nuestra ventaja es la seniority. Hemos construido y mantenido design systems para marcas globales donde decenas de personas tocan la misma interfaz cada semana. Mantenemos el diseño y el código sincronizados, documentamos las decisiones y entregamos a tu equipo un sistema que puede ampliar sin nosotros en la sala. Cuando el producto crece, el sistema crece con él.

¿Quieres un design system que diseñadores e ingenieros compartan de verdad? Construyámoslo.

Hablemos de design systems

Servicios relacionados


¿Listo para trabajar juntos?

Reservar una reunión
Aymón sosteniendo una revista Tools frente a su cara
Ari trabajando en una laptop al aire libre rodeado de plantas
Vista superior de un escritorio de madera con teclado, ratón y auriculares
Ilustración dibujada a mano de una mano chasqueando los dedos
Nico recostado contra un dispensador de agua junto a un extintor de incendios
Primer plano de una computadora abierta con placa de circuito y componentes en un escritorio de madera
Bernat y Andreu colaborando en un escritorio con monitores y una laptop
Ilustración dibujada a mano de una mano abierta saludando
Aymón sosteniendo una revista Tools frente a su cara
Ari trabajando en una laptop al aire libre rodeado de plantas
Vista superior de un escritorio de madera con teclado, ratón y auriculares
Ilustración dibujada a mano de una mano chasqueando los dedos
Nico recostado contra un dispensador de agua junto a un extintor de incendios
Primer plano de una computadora abierta con placa de circuito y componentes en un escritorio de madera
Bernat y Andreu colaborando en un escritorio con monitores y una laptop
Ilustración dibujada a mano de una mano abierta saludando