Cómo iniciar los proyectos en Figma

1

Landing Page responsive

2

Atomic Design en Figma

3

Uso de librerías en Figma

Quiz: Cómo iniciar los proyectos en Figma

Diseño Responsive y Técnicas Avanzadas

4

Uso de Grids

5

Uso de Constraints

6

Constraints y Layout

7

Propiedades Wrap, Min y Max en Autolayout

8

Sistemas de Diseño

9

Prototipado mobile

10

Prototipado Desktop

Quiz: Diseño Responsive y Técnicas Avanzadas

Crea componentes avanzados

11

Uso de Variants

12

Component properties

13

Implementa Component properties

Quiz: Crea componentes avanzados

Variables en Figma

14

Cómo usar las variables de Figma para colores y tamaños

15

Cómo usar las variables de texto en Figma: traducciones automáticas

Quiz: Variables en Figma

Inteligencia Artificial para Figma

16

Funcionalidades de Inteligencia Artificial (IA) en Figma

17

Inteligencia Artificial para proyectos de diseño Figma

Crear Landing Pages con Figma

18

Diseño de una Landing Page para el sector de Banca: briefing de diseño con IA

19

Diseño de una Landing Page para el sector de banca: paleta de colores

20

Diseño de una Landing Page para el sector de Banca

21

Diseño de una Landing Page para el sector de Banca: prototipado

Interacción Avanzada con Prototipos

22

Cómo crear interacciones con los componentes

23

Interacciones en la card

24

Prototipado de navegación

Quiz: Interacción Avanzada con Prototipos

Prototipado avanzado con Figma

25

¡Comparte tu landing page, entrega y recibe feedback de la comunidad!

26

Las mejores landings creadas con Figma

27

Documentación para el desarrollo en Figma

Quiz: Prototipado avanzado con Figma

Cómo trabajar con los equipos de desarrollo

28

Colaboración con desarrollo: Dev Mode de Figma

29

Colaboración con Desarrollo: Figma y Visual Studio Code

Quiz: Cómo trabajar con los equipos de desarrollo

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Propiedades Wrap, Min y Max en Autolayout

7/30
Recursos

Aportes 9

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Esta muy bueno el curso, ya he aprendido varias cosas que antes me costaba aprender en otros. Gracias!

El curso va siendo súper util y bien explicado, además la profe me inspira a escuchar The Doors mientras hago las practicas jajja

Es que Figma cada vez se la banca sacando actualizaciones que nos permiten tener una mejor experiencia al momento de diseñar, que churo!
Estos dos minutos de explicacion fueron perfectos la profe va al grano me encanta este curso.
Este es de los mejores cursos de figma que he tomado, he aprendido muchas cosas que antes no tenía muy claras, gracias!
### **Puntos importantes de la clase:** 1. **Propiedad Wrap**: * Permite redistribuir automáticamente los elementos dentro de un contenedor cuando este cambia de tamaño. * Facilita el diseño responsive al hacer que los elementos se ajusten automáticamente cuando el espacio disponible se reduce. * Funciona en disposición tanto **horizontal** como **vertical**. 2. **Propiedades Min/Max Width**: * Controla el tamaño mínimo y máximo de los elementos en un auto layout. * Ayuda a mantener consistencia en el diseño, sobre todo en componentes como botones o secciones que deben adaptarse a diferentes tamaños de pantalla. * Incluso si el contenido o el contenedor cambia, los elementos respetarán sus límites de tamaño mínimo o máximo. 3. **Diseño Responsive Multi-dispositivo**: * Gracias a **Wrap** y **Min/Max Width**, es posible crear diseños que se adapten a múltiples dispositivos de manera fácil y rápida. * Estas herramientas simplifican el diseño responsive, permitiendo interfaces más fluidas y adaptativas.
Es una de las mejores funcionalidades que Figma ha agregado desde el autolayout.

Excelente clase.

Excelente curso, ¡Me encanta!