Nivel Intermedio
23 clases
3 horas de contenido
12 horas de práctica
Aprende a diseñar interfaces y prototipos en Figma desde cero usando UI3. Organiza archivos, trabaja con frames, auto layout, componentes, variables, estilos y bibliotecas compartidas. Crea flujos interactivos, aplica herramientas de IA y prepara entregables claros para colaboración y handoff a desarrollo.
Crear y editar elementos visuales de diseño
Organización del canvas y auto layout
Estilos componentes variables y bibliotecas compartidas
- 12
Estilos en Figma para diseño consistente
08:42 min - 13
Componentes e instancias en Figma sin errores
09:34 min - 14
Variantes en Figma para un mismo componente
06:03 min - 15
Propiedades editables en componentes de Figma
12:28 min - 16
Variables de color para dark mode en Figma
11:53 min - 17
Publica y conecta tu librería en Figma
07:01 min
Prototipos interactivos con flujos y variables
IA colaboración y entrega a desarrollo
Profes del curso
Conoce quién enseña el curso
Raúl Aguilar
Senior Product Designer
Senior Product Designer
Opiniones del curso
4.8 · 5 opiniones
Diego Fernando Berrio Meza
@diegoberrio1601·
de lo mejor que vi en platzi
Jhoan Sebastian Franco
@jhoansebastian634·
es un curso completo que te lleva de un nivel cero a entender de una forma clara como funciona figma y sus herramientas. recomendado!
Jonathan Orlando Horta Vilchis
@jona_orlando·
Muy buen curso y actualizado
Ixcoatl Francisco Pérez
@ixcoperez·
Si estás estudiando diseño o desarrollo, el nuevo Curso de Figma es una parada obligatoria. No es solo "dibujar pantallas", es aprender a construir sistemas reales. Lo que más me voló la cabeza:Auto Layout y Diseño Responsivo: Olvídate de mover píxeles a mano. Con Auto Layout, los elementos se adaptan solos al contenido. Es como magia: cambias un texto y el botón crece solo. Inteligencia Artificial (Figma Make): ¿Lienzo en blanco? La IA te ayuda a generar pantallas completas (First Draft), imágenes únicas (Make Image) y hasta llenar datos realistas en segundos (Replace Text). Modo Oscuro en un clic: Gracias a las Variables, puedes pasar toda tu app de modo claro a oscuro al instante sin duplicar pantallas. Prototipos que parecen apps reales: Usando triggers y condicionales, logras que el prototipo "recuerde" las acciones del usuario. Handoff profesional: Con el DevMode, entregas medidas exactas y código funcional para que los desarrolladores te amen. Es una herramienta completísima que cubre todo el ecosistema: desde la lluvia de ideas en FigJam hasta la inspección técnica. ¡Súper recomendado! 🎓✨
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender