¿CuándoconstruirunDesignSystem?
El error más caro del diseño moderno es confundir «sistema» con «valor». Cuándo NO construirlo, cuándo sí, y cómo cambia el cálculo con IA.
DesignSystemimpecable.Cerousuariospagando.
componentes
de equipo dedicado
usuarios al cerrar
Un Design System mal aplicado no es un ahorro. Es un suicidio financiero disfrazado de profesionalidad.
Un Design System es un lenguaje compartido.
Lo que NO es
Lo que SÍ es · 3 capas
Reglas que rigen decisiones. «Mobile First», «Funcionalidad sobre estética»…
Valores primitivos y semánticos. Colores, tipos, espaciados.
Piezas reutilizables construidas sobre los tokens.
Si solo tiene la 3, no es sistema. Es librería de UI.
Cuándo SÍ construirlo
4 señales que lo justifican.
Más de 1h/semana discutiendo color, radius, tamaño. El sistema sustituye discusiones por consultas.
Botones primarios de 3 colores. No es problema de diseño, es de sistema.
Dev pregunta lo mismo cada sprint. Cada pregunta es tiempo perdido.
Varios productos compartiendo identidad o equipo de diseño grande. Sin sistema, caos.
1 señal = construir. 2 o más = urgente.
Cuándo NO construirlo
Decir NO también es criterio de Senior.
Iteras radical. Un sistema rígido ata tus pies.
Lo que sí necesitas
Guía de estilo básica (4-6 colores, 2 tipos) + Figma simple.
La comunicación informal es más rápida que mantener docs.
Lo que sí necesitas
Librería Figma con botones, inputs, cards. Sin docs obsesivas.
Sistema sin uso = código muerto que se desactualiza.
Lo que sí necesitas
¿Hay alguien dedicado ≥20% al mantenimiento? Si no, espera.
La ventana óptima
No copies a Shopify con 3 usuarios.
Tampoco esperes a tener 100.000.
Construirlo en el mes 3.
No construirlo en el mes 24.
El cambio con IA
El DS dejó de ser coordinación humana. Ahora es guía de la IA.
«Construye DS solo si tienes equipo grande, varios productos y masa crítica que lo mantenga.»
Coste se amortiza con muchas personas usándolo
Tu DS es la guía que Claude, Cursor, v0 o Lovable usan para construir tu producto exactamente como tú quieres.
Sin DS, la IA improvisa. Con DS, respeta tu marca.
Quién gana ahora con un DS bien hecho.
Multiplicador para operar como agencia.
↪ 5 pantallas en una mañana
Atajo para no parecer indie.
↪ Día 1 con look de gran empresa
Brújula compartida humano + IA.
↪ Coordinación → producción
NonecesitasStorybookcon200componentes.
bien nombrados
principales con estados
que la IA pueda leer como contexto
La pregunta nueva: ¿la IA es parte de mi flujo de producción? Si sí, tu necesidad de DS sube independientemente de cuánta gente seas.
Construir o partir de existente
Construir desde cero ya no es la opción inteligente.
Estándar e-commerce y admin. Enfocado a conversión.
Herramientas empresariales densas, gestores de tareas.
B2B científicos / industriales. Densidad brutal.
Estructura técnica perfecta + tu capa de marca encima.
Por qué partir de ellas
Accesibilidad
A11y pulida durante años.
Por qué partir de ellas
Documentación
200 páginas que no tienes que escribir.
Por qué partir de ellas
Optimización IA
Claude y GPT las han leído millones de veces.
DecidesituproductonecesitaDShoy.Concriterio.
Toma tu producto o el de un cliente. Aplica el diagnóstico de 3 capas antes de tocar Figma.
Cuenta señales SÍ.
Discusiones triviales · inconsistencia visible · retrabajo · equipo >5. Cuántas tienes.
Cuenta señales NO.
Pre-PMF · equipo pequeño · sin mantenedor ≥20%. Si pesan más, espera.
Suma la pregunta IA.
¿La IA es parte de tu flujo de producción? Si sí, sube la urgencia un nivel.
Elige punto de partida.
Si construyes: parte de Polaris / Atlaskit / Carbon / MUI / Tailwind. No desde cero.
Próximo capítulo · 3.2