Design
Lanzar design system v1 en Figma
Tu producto se ve 'inconsistente' y el equipo pasa horas repitiendo componentes. Un design system v1 (colors, typography, 20–30 componentes core) ahorra 20% del tiempo de UI delivery — pero v1 mal scopeado se vuelve 'Design System Theater' (40 componentes que nadie usa). Esta sesión diseña el MVP realista para equipo de 2–10 designers.
¿Te pasa esto?
Cada pantalla tiene botones ligeramente distintos — 4 variantes del mismo botón en producción
Mi designer new hire me preguntó 'cuál es el padding estándar' y no tenemos respuesta
Contraté un colaborador vía Fiverr que hizo 'design system' pero son 200 screens sin base shared
Mi dev me dice 'el CSS ya está duplicado 5x' y sé que es culpa del lado design
Evalué Spotify Design System en Figma — es bonito pero overkill para mi producto
Qué te llevarás
Scope v1 realista: 20–30 componentes core (buttons, inputs, cards, modals, nav, typography scale)
Design tokens base: 5 colores + 3 tipografías + 4 spacing tokens + 2 elevation tokens — no 400
Naming convention strict: BEM o Figma-idiomatic, documentado en README dentro del archivo
Library structure: componentes publicados con variants, no 40 archivos sueltos
Plan de adoption: semana 1 (designers), 2–3 (components migrados), 4 (prohibido crear fuera del DS)
Maintenance rhythm: quién actualiza (designer senior lead), cuándo (sprint cadence), cómo se comunica cambio
Esta sesión no es para…
Esta sesión NO entrega el design system — diseña el plan, tus designers ejecutan
No cubre tokens-to-code sync (Style Dictionary) — eso es sesión separada
No migra Sketch u otro tool — asume Figma como destino
Si tu OKR pinta rojo en…
- Design velocity (ship speed)
- Design consistency (audit score)
- CSS / dev debt reduction
- Designer satisfaction (eNPS)
Preguntas frecuentes
¿Scope v1 — cuántos componentes?
20–30 es realista. Menos: no cubre 80% del uso. Más: team pasa 6 meses construyendo, no shipping. El experto te da la lista priorizada.
¿Compro Material UI o diseño desde cero?
Material UI / Chakra / Radix es atajo si tu producto no requiere diferenciación visual fuerte. Desde cero si tu marca visual es parte del pitch (ej. premium consumer). El experto te da el criterio.
¿Necesito un designer dedicado al DS?
Con 1–2 designers: DS responsibility rotativa. Con 3–5: DS part-time de un senior (30%). Con 5+: DS team dedicado. El experto te da el threshold.
¿Qué traigo a la sesión?
Producto actual (link al Figma), equipo design (tamaño, seniority), principales inconsistencies visibles, stack dev (React? Vue?), y plan de crecimiento próximos 6 meses. El experto scopea.
¿Cuánto tarda adoption real?
3–4 semanas para que designers lo usen en nuevo trabajo. 2–3 meses para migrar pantallas existentes. 6 meses para eliminar legacy components. El experto te da el rollout realista.
Expertos que resuelven esta tarea
Aún estamos curando a los expertos para esta tarea.