Dodrawing Academy · acceso público

Aprende diseño de interfaces creando

Una ruta práctica de fundamentos visuales a prototipos. Lee las lecciones sin cuenta y practica en un lienzo temporal con las mismas herramientas de Dodrawing.

Ruta de aprendizaje

UI Foundations

Seis partes progresivas para crear interfaces claras, estructuradas y reutilizables. Cada reto se valida en el lienzo antes de avanzar.

18 horas6 partesLecciones y práctica públicas

UI Foundations

Parte 5 · 35 min de práctica

Componentes y sistemas

Convierte una pieza repetida en un componente y aplica un token de color.

0 / 6 completadas

Lección

Un componente reúne una definición y sus instancias para mantener cambios coherentes. Las variantes representan opciones deliberadas —por ejemplo, primario y secundario— y los tokens nombran decisiones semánticas como color.primary o color.surface.

Ideas clave

Definición e instancia
Variantes y estados
Tokens semánticos
Composición y reutilización

Completa primero la parte anterior para desbloquear su reto. Puedes consultar esta lección pública mientras tanto. Grid y responsive