Recursos Figma — Diplomatura UX/UI

Canales recomendados

OscarRGB

Figma en español

Niveles

Seguí el orden recomendado. Cada nivel asume que dominás el anterior.

Primeros pasos

2 recursos

▾

Sin experiencia previa. Entendé qué es Figma, para qué sirve y cómo moverse por la interfaz.

¿Por qué usar Figma?

OscarRGB · Primer video del curso completo de Figma en español

Video9:56

📖

Qué es Figma, para qué sirve y cómo usarlo

uiFromMars · Introducción al ecosistema Figma

Artículo5 min

Primeros diseños

3 recursos

▾

Frames, capas, texto, colores y formas básicas. Tu primera pantalla completa.

Cómo usar Figma — Tutorial completo para principiantes

OscarRGB · Frames, capas, texto, formas y primeros pasos en el canvas

Video9:47

Estilos y paleta de colores en Figma

Mokkapp · Colores, tipografías, estilos compartidos y variables básicas

Video10:32

▶️

Curso Figma desde cero — jonmircha

Playlist completa · Fundamentos paso a paso

Playlist

Auto Layout y Componentes

4 recursos

▾

El corazón de Figma. Aprendé a diseñar layouts responsivos y a crear componentes reutilizables.

Autolayout — Responsive Design en Figma

OscarRGB · Fill container, hug content, spacing, alineación

Video6:13

Componentes en Figma — Cómo crearlos y usarlos

OscarRGB · Variantes, propiedades y organización de un Design System

Video7:14

Diseñá una app completa con Auto Layout y Componentes

Juanpol · Proyecto guiado: pantallas reales con estructura sólida

Video17:01

📖

Auto Layout en Figma: guía definitiva

uiFromMars · Referencia escrita con ejemplos visuales

Artículo10 min

Prototipos

4 recursos

▾

Conectá tus pantallas y creá flujos navegables. Desde un prototipo básico hasta interacciones complejas.

Cómo hacer un prototipo en Figma

OscarRGB · Conexiones, triggers, transiciones y modo presentación

Video5:22

Prototipado avanzado en Figma — Interacciones y flujos

Espacio UX · Overlays, scrolling, interactive components

Video17:23

Variables en Figma — Modos y theming

OscarRGB · Variables locales para prototipos dinámicos

Video5:19

Diseñá un flujo completo con prototipo interactivo

Juanpol · Proyecto guiado end-to-end con prototipado real

Video16:14

Nivel avanzado

5 recursos

▾

Smart Animate, animaciones, Design Systems y handoff. Para quienes ya dominan los niveles anteriores.

Smart Animate en Figma — Guía completa de animaciones

Mokkapp · Transiciones avanzadas, easing y microinteracciones

Video20:22

Animar con Spring Physics en Figma

OscarRGB · Física de resorte para animaciones naturales

Video1:00

📖

Cómo crear un Design System en Figma

uiFromMars · Tokens, componentes, documentación y organización

Artículo12 min

Handoff para developers — Inspect y Dev Mode

OscarRGB · Cómo entregar diseños listos para desarrollo

Video6:38

Design System completo en Figma — Proyecto avanzado

Juanpol · Construcción de un DS profesional paso a paso

Video18:51