UI: Diseño Visual con Figma desde Cero

Categorías: Diseño de Interfaces de Usuario

Lista de deseos

Contenido del curso

Introducción a Figma y su interfaz

Crear y organizar archivos y páginas

Herramientas de formas, texto e imágenes

Grids y layout responsivo en Figma

Estilos de color y tipografía

Creación de componentes reutilizables

Variantes: qué son y cómo usarlas

Auto layout: estructura flexible

Constraints y redimensionamiento responsivo

Diseño de un header adaptable

Navegación móvil vs desktop

Formularios y inputs con componentes

Simulación de interacciones básicas

Diseño en modo oscuro

Plugins útiles para UI

Iconografía y librerías externas

Uso de tokens visuales

Preparación para desarrollo: specs y exportables

Práctica: mini landing page con UI Kit

Proyecto final: UI para una app simple (figma-only)