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

Las mejores landings creadas con Figma

26/30
Recursos

Nombre del curso: Curso de Figma: Técnicas Avanzadas de Diseño

Decano: Daniel Torres Burriel

School Owner: Cinta Vergés

Profesora: Carmen Ansio

Dirección: Jennifer Rodríguez

Producción OPS: Lizeth Cáceres y Rocío Martínez

Creación audiovisual: Felipe Solem

Edición de video: Daniel Guitiérrez

Postproducción de audio: Karen Blanco

Diseño gráfico: Amelia Amórtegui

Coordinación General: Andrés Arizmendy, Daniel Gutierrez, Carol Baquero y Sura Cedeño

Revisión: Adriana Bastidas y Keisy Lares.

Aportes 5

Preguntas 1

Ordenar por:

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

Siempre he querdio poder escoger y ver todos mis badges en Platzi así que decidí hacer un rediseño UI de la página de ajustes de usuario en Platzi.
Empecé con Mobile Firts para luego empezar con el diseño responsive.

Link del proeycto

Link del prototipo

Estoy regresando a la web después de 17 años de dedicarme al negocio familiar. Figma esta excelente para trabajar en equipo y en remoto.
Muchisimas graciasss !!! excelente Profe
Explicas MUY bien. Aprendí muchisimoo!!! Gracias infinitassss!

Te amé como maestra! muchas gracias!!