Caso de portfolio: mini design system

Caso de portfolio: mini design system

Un mini design system es una pieza fuerte de portfolio porque muestra criterio visual, orden, documentación y conexión con desarrollo. No necesitás un sistema enorme: necesitás demostrar cómo reducís inconsistencias y acelerás decisiones.

Qué debe incluir el caso

• Problema: pantallas inconsistentes, componentes duplicados o falta de reglas.


• Auditoría: evidencia visual de los problemas detectados.


• Tokens: color, tipografía, espaciado, radios y sombras.


• Componentes: botón, input, card, badge, modal o tabla.


• Documentación: uso correcto, variantes, estados y accesibilidad.


• Aplicación: una pantalla antes/después usando el sistema.

Estructura recomendada

1. Contexto del producto y usuario.


2. Capturas del problema.


3. Decisiones de tokens y componentes.


4. Ejemplos de uso correcto e incorrecto.


5. Pantalla rediseñada con el mini sistema.


6. Aprendizajes y próximos pasos.

Proyecto práctico: publicá tu caso

Convertí una pantalla desordenada en un caso de estudio de 6 secciones. El foco no es decorar: es explicar cómo una decisión de sistema mejora consistencia, velocidad y accesibilidad.

Mini-rúbrica

• El caso muestra antes y después.


• Los tokens tienen nombres y usos claros.


• Los componentes incluyen estados y variantes.


• La documentación es breve y accionable.


• El resultado puede explicarse en una entrevista laboral.

Entregable: una página pública de portfolio o Notion con screenshots, decisiones y componentes documentados.