Figma Master class para principiantes (2023) | wiframes, mockup y prototipo | Simon Castaño Rios

¿Quieres aprender Figma pero no sabes por dónde empezar? Este tutorial paso a paso, te dará todo lo que necesitas para empezar a usar Figma en tus proyectos de diseño web y de interfaz de usuario.
Recuerda suscribirte
He estado usando Figma durante 3 años en mi trabajo de diseño y me encanta la herramienta tanto. En este video, cubro todos los conceptos básicos que usted necesita saber para empezar a utilizar Figma hoy en su trabajo de diseño profesional. Cuando termines de ver el video, deberías ser capaz de descargar el programa, instalarlo, empezar a hacer cosas increíbles, y preguntarte por qué esperaste tanto para aprender a usarlo.
Momentos importantes del video:
00:00 introduccion a proyecto de la masterclass con figma
01:14 crear un nuevo proyecto en figma
01:25 que es figjam y para que me sirve
01:52 crear wiframes de baja (dibujando) tambien se pueden con lapiz y papel
02:44 crear un nuevo archivo de diseño en figma
02:54 herramientas básicas de figma
04:53 como crear wiframe de media fidelidad
05:35 Crear un wiframe de alta fidelidad
09:06 crear una biblioteca personalizada de iconos reutilizables en Figma
11:00 crear un componente para la navegacion en Figma
12:08 crear una paleta de colores con estilos globales en Figma
13:08 informacion para nombrar correctamente tu paleta de colores
13:58 crear estilos globales de fuentes para los textos en Figma
14:45 crear variantes de componentes
15:45 importar componente desde la biblioteca de assets
16:15 Crear un componente de top-bar
19:20 crear componente de las storys de Instagram en Figma
21:08 crear componente card para los post de Instagram en Figma
26:01 Agregar componentes de la card a nuestro mockup
17:00 Agregar interacciones al prototipo de nuestra app
29:51 conclusion y despedida
Redes sociales:
Website: simoncastano.com/
Behance: www.behance.net/simoncastao1
/ simoncastano_
GitHub: github.com/SimonCastano

[@simoncastano_]

Momentos importantes del video: 00:00 introduccion a proyecto de la masterclass con figma 01:14 crear un nuevo proyecto en figma 01:25 que es figjam y para que me sirve 01:52 crear ws de baja (dibujando) tambien se pueden con lapiz y papel 02:44 crear un nuevo archivo de diseño en figma 02:54 herramientas básicas de figma 04:53 como crear w de media fidelidad 05:35 Crear un w de alta fidelidad 09:06 crear una biblioteca personalizada de iconos reutilizables en Figma 11:00 crear un componente para la navegacion en Figma 12:08 crear una paleta de colores con estilos globales en Figma 13:08 informacion para nombrar correctamente tu paleta de colores 13:58 crear estilos globales de fuentes para los textos en Figma 14:45 crear variantes de componentes 15:45 importar componente desde la biblioteca de assets 16:15 Crear un componente de top-bar 19:20 crear componente de las storys de Instagram en Figma 21:08 crear componente card para los post de Instagram en Figma 26:01 Agregar componentes de la card a nuestro mockup 17:00 Agregar interacciones al prototipo de nuestra app 29:51 conclusion y despedida Redes sociales: Website: simoncastano.com/ Behance: www.behance.net/simoncastao1 instagram.com/simoncastano_/ GitHub: github.com/SimonCastano

[@MorenaLuna2004]

Increíble video.

[@pgmshpjup9854]

muy buen video gooood

[@simoncastano_]

Gracias por el apoyo

[@danielmateoariasortega5076]

Eres el.mejor bendiciones Compañero Simon

[@simoncastano_]

Un placer ayudar 😉

[@helenzaraygaliendorodrigue7902]

Wooooooow que genial 😮

[@simoncastano_]

Le agradezco mucho sus amables palabras. Siempre es un placer saber de espectadores como usted.

[@TheZyruks]

GRANDE SIMON!

[@simoncastano_]

Gracias viejo zyruks