Figma Masterclass para principiantes

🤓 Conoce mis cursos:
www.uxcristopher.com/?...
Hola 👋🏼 mi nombre es Cristopher y aquí te ayudaré a mejorar tus habilidades en UX/UI Design, Figma, prototipado, animación y mucho más. ¡Suscríbete y comienza tu carrera profesional hoy mismo!
📱 Instagram:
uxcristophe...
📱 TikTok:
www.tiktok.com/@uxcristopher?...
📱 Facebook:
/ uxcristopher
#ux #ui #figma #autolayout #webdesign #code #nocode #webflow #freelance #uxcristopher

[@eduardramirez]

50:00 Auto Layout 55:30 Resize 1:01:50 Creación de Componentes

[@eduardotorres5302]

Gracias dios estaba ya a punto de irme

[@didomenico37]

@@eduardotorres5302 total, su contenido esa de mucho valor pero su forma de explicar da mucho sueño

[@tipoidarraga]

Chris de verdad muchísimas gracias por tomarte el tiempo de hacer esta excelente introducción a Figma!

[@javierreyes4616]

Excelente masterclass! Venía de estar diseñando eventualmente en Adobe XD, me parece totalmente interesante y conveniente muchas de las funcionalidades que posee Figma. Por eso mismo he decidido verme completo la Masterclass y suscribirme a tu canal

[@angelauxui]

Gracias por este video, yo aprendi el año pasado contigo la herramienta de figma, ahora me toca dominar el ui y el ux

[@joacoxable]

Gracias! me sirvió un montón todo! espectacular la calidad y como planificaste el tutorial!

[@milfermunoz6904]

Buen día Cristopher desde Colombia quiero agradecerle por compartir sus conocimientos, me gustó mucho como explicaste salí de muchas dudas

[@teecfytecnologiaenmarketin6086]

Te felicito Cristopher, muy claro tus explicaciones.

[@hola.sabristars]

Gracias infinitas por este tutorial! Me ayudó muchísimo! Explicás suuuuuuuuuuuper bien Cris!!! Muchísimas gracias!!!!!!!!!!! :)

[@tanidades]

Muchisimas gracias! Estoy haciendo un curso de UX/UI en una academia y necesite aprender Figma para hacer los ejercicios. Yo usaba MockPlus RP pero Figma me parece muy superior. Me ha sido de gran ayuda tu video!

[@LiviaArellano]

Excelente Pedagogía, me parece muy buena la forma de explicar cada paso. Gracias!

[@nicolevaldez778]

wao excelente clase la verdad, sin desperdicio alguno!

[@dahiana166]

Gracias! Muy buena clase! Me voy a verla de nuevo y prácticar al mismo tiempo. Saludis desde Uruguay

[@hangar18us]

Está excelente. Explicas muy bien!

[@lisettegc1471]

Me ha encantado! Super buena tu tutoria, muy buena explicación, lo pude ver a la velocidad de doble y todo me quedo muy claro. Excelente a compartir los errores màs comunes, ahorra mucho tiempo.

[@gabrielagomez7392]

Estoy iniciando en este mundo y la verdad me encanta coomo explicas, muchas gracias =D

[@leonardomiranda2002]

Como siempre, espectacular.

[@danielarodriguezvaca9230]

Gracias por compartir tus conocimientos de la manera en como lo haces. Aprendí en 1 hr 15 min lo que vi en un curso de 5 horas.... de verdad muy buena tu master class. Gracias :D

[@valentosito]

¡Muchas gracias, Cristopher!

[@mauriciovasquez2352]

MUCHAS GRACIAS MAESTRO!

[@soyfandeti616]

Muy bueno tu contenido, gracias por tu aporte.

[@paulafindlay-wilson3452]

Muchas gracias, me gusta mucho la explicación

[@Yosoymolinares]

me gustó Cris!! por favor sube la creación de un brochure, presentación o diapositiva con animaciones (pdf)

[@nerismariacorderosuarez5246]

it worked! thank you so much!!

[@JoshCoder-o5x]

Thank you, this video was a lot of help!

[@kopeida]

gracias por el video! es muy claro.

[@pedromrgluum2322]

:D genial bro :D ojalá saques muchas masterclass mas :D

[@lauranaranjosanchez5124]

Súper masterclass! He visto varios cursos de figma, pero en ninguno explican las cosas tan específicas de la experiencia, muchos tips que nos alivian un poco. Muchas gracias Cristopher!

[@JavierBalcazarCruz]

hola, tu eres ui designer ?

[@irinabesedina8396]

Muchas gracias, excelente!😅

[@jed777b]

Gracias. Saludos desde Colombia

[@jimenarobles2267]

Espero que hagas un vídeo de los nuevos cambios de figma!! 🙏

[@alejburj]

Pense que no estaría bueno este video, pero puff que gran video, muchas gracias, Saludos

[@GoodgameBrain]

CRack super crack, heroe sin capa. Muchas gracias !!!!!

[@tresvecesdos]

Gracias Christopher.

[@_Yess_]

Muchas gracias! Es lo primero que aprendo sobre figma, gracias por la calidad de la masterclass 😊

[@uxcristopher]

Muchas gracias Yess, de hecho si deseas tener una mejor preparación, con temas actualizada y mi ayuda personalizada, te invito a darle un ojo a mis cursos profesionales de diseño UX/UI, verás que te encantarán. Aquí te los comparto: www.uxcristopher.com/

[@jaunchiDev]

Esto es exactamente lo que estaba buscando, muchas gracias 🤝

[@uxcristopher]

Gracias a ti por apoyar mi contenido, Saludos

[@YusmariMayora]

Nueva fans

[@mairaortega8180]

Excelente explicación

[@luissalomonsifuentesalatri2546]

Muy buen curso. me ayudo mucho.

[@navy7505]

Que bien que está explicado, muy buen contenido y encima muy formativo, muchas gracias por estos vídeos

[@uxcristopher]

Muchas gracias, saludos 👋🏼

[@tomasferreyra690]

Gracias por compartir conocimiento! Excelente masterclass!

[@uxcristopher]

De nada Tomas, gracias por apoyar mi contenido. 😄

[@gabypino407]

Muchas gracias por la masterclass! me fue muy útil.

[@uxcristopher]

Un verdadero placer el poder compartir 😄

[@tatik1993]

Muchas gracias Cristopher, me ayudó mucho a entender muchas cosas de figma que creía que intuitivamente podía hacer. Genialll gracias por compartir tus conocimientos.

[@uxcristopher]

Muchísimas gracias, feliz de que te haya servido:)

[@jameslarry7109]

Gracias Christopher

[@user-bm5rt1jr9m]

Gracias :)

[@nimiaenciso]

Excelente está la clase, me gustaría hacer mis consultas mientras voy avanzando y tengo una puntual... En cuanto a las pantallas más utilizadas vi que es la 1920x1080 para la desktop, mi consulta sería que propiedades serían las ideales en cuanto al grid? para el margen y el gutter?

[@lucianagambini8412]

Muchas Gracias CRISTOPHER exelente tu masterclass!!!!!

[@uxcristopher]

Gracias a ti 😊

[@raulnava5398]

Genial bro

[@andresarango625]

Buen tutorial, muy util. Muchas gracias bro

[@uxcristopher]

Gracias por comentar y apoyar mi contenido. Saludos 👋🏼

[@adandrea]

Genio total

[@uxcristopher]

Muchísimas gracias, gracias por ver el video y apoyar mi contenido, un abrazo. 😊

[@juanvent24]

increible mano excelente tutorial

[@uxcristopher]

Gracias, saludos 🙌🏻

[@monydopsy]

Muy buena masterclass 👏🏽👏🏽👏🏽

[@uxcristopher]

Muchas gracias!! 🥳

[@andresciccarella1940]

Excelente video.. Veo que acercas un objeto en forma muy simple... cómo haces para poner en primer plano un objeto? algún atajo de teclado? Gracias

[@LilianaHernandez-cy6qh]

EXCELENTE VIDEO 👌👌👌👌GRACIAS!!!!

[@uxcristopher]

Gracias 😊

[@antonellazambon2551]

La verdad que súper completo!! Lo único que me pasó es que no me aparece la opción de resizing, solo la de contstraints. Será por que no es la versión paga?? Gracias, mil gracias por tu tiempo. Saludos.

[@villavicenciocastillorodri6690]

Gracias

[@guilletempo2708]

Me encantó! Mejor explicado que mis profesores 😮👏👏

[@uxcristopher]

Muchísimas gracias, espero te sigan gustando los próximos videos. 🥳

[@Deus-lo-Vuilt]

Buenísimo , estás clases continuarán?

[@malycho]

Buen dia, estoy viendo el video y no encuentro el comando que utilizas en Mac para hacer zoom to selection, lo busque en google pero no lo encontré. Por cierto, me esta ayudando mucho a aprender sobre Figma que es la primera vez que lo utilizo. Muchas gracias

[@ronnyhoyos8954]

Explica como diseñar un prototipo de interfaz digital pero de lavadoras o cajeros.

[@jorgegodoy777]

Hola buen video.. una acotacion en el minuto 40:05 hablas sobre el tema de agrupacion en el cual cuando lo haces con ese ejemplo en el que la bola roja esta fuera dek rectangulo el group toma tomo el rectangulo mas la bola roja.. por lo tanto se nota un cuadro azul en donde te esta diciendo que de esa manera se esta creando la vida de los elemntos dentro del grupo.. creo que tenias que delimitarlo con solo el rectangulo y luego movel la bola hacia adentro.. porque cuando le das centrar como lo hiciste se ve que no se esta centrando con respecto al rectangulo sino sobre el papa que es el container.. pero bueno luego lo desagrupas y haces lo mismo pero casualmente la bola esta dentro del rectangulo y se ve que la agrupacion lo toma por completo el rectangulo entonces es el deber ser.,.. yo creo que es bueno explicarlo para que no hayan con los otros usuarios que ven tus videos.. de igual forma creo que es algo obvio pero queria comentarlo por si acaso.. Muchas gracias por el video!!!

[@leonlaviuzza8541]

como hace lo del zoom selection?? siempre que clickeo un frame ando ajustando el zoom de manera manual con la ruedita + ctrl

[@juancaaa]

graciaaaas! lo del auto layout hay que practicarlo jeje. Pero con lo del resizing de verdad no quede muy bien :( no me salia la opción; pero me quedo claro. Reforzare con las otras clases que tienes hablando sobre eso en especifico y voy a ir pasandolo a mi codigo

[@uxcristopher]

De nada, que genial que te gustará. 🥳 Resulta que figma se actualizó y a cambiado de ubicación lo del resizing, es por eso que te da problemas. 😉

[@juancaaa]

@@uxcristopher yo si decia jajajaja. Parecia un loco viendo donde estaba XD, mañana me pongo a checar eso de nuevo . Gracias!

[@uxcristopher]

@@juancaaa 🤣🤣

[@patoko88]

@@uxcristopher donde esta ahora ? Jajaj

[@rafaelmunoz7887]

@@patoko88 Ahora esta en la parte de las medidas donde esta Fixed width lo cambias por Fill Container

[@mr.fabian8471]

Gracias master

[@uxcristopher]

Saludos 🖖

[@bellezapropia4771]

Gracias!!! oye el resizing no está en todas las versiones? a mi no me aparece

[@brendagorischnik8027]

Hola Cristopher, muy buena la clase!, sabes q en mi figma no aparece risizing, no lo encuentro?

[@experimentandoLAB]

Hola amigo para llevar a cabo el desarrollo de una app es necesario que sean varios profesionales?

[@ljcldesigner6073]

el sonido estámuy bajo, pero mil gracias excelente video.

[@JhoanSalgado]

Excelente tu masterclass, me motiva a comprar tu curso pronto. Tambien puse practica todo lo que explicaste, pero paso algo extraño, cuando iba por la parte de resizing ese no me aparecía en el Figma tampoco la opcion del padding. Esos dos puntos no los pude poner en practica porq no me salieron esas opciones en el panel derecho. Toqué de todo y nada.

[@uxcristopher]

Muchísimas gracias por tu apoyo 😁, figma actualizo un poco la interfaz y cambio la ubicación de estos puntos, pero no te preocupes siguen funcionando igual. Ojalá puedas hacerte de un curso, veras que te gustarán mucho. 🥳

[@JavierBalcazarCruz]

Vale la pena aprender figma ? lo pregunto por que soy programador pero quisiera cambiar de ambito, tu crees que vale pena ?

[@davidoliveros1986]

Amigo super la explicación de todos los videos que he buscado eres el que mejor explicas paso a paso ¿Cómo hago para pagar una clase para aprender mas cosas de figma soy diseñador gráfico y necesito meterme mas en el mundo web?

[@uxcristopher]

Muchísimas gracias 😊, aquí podrás encontrar mis cursos y contenidos exclusivos que te ayudarán a lograrlo. www.uxcristopher.com/p/home

[@yarotec]

No me da la opcion del resizing. y si hago un layout dentro de otro layout me saca elementos y se desconfigura todo.

[@nichankaderyan5424]

Para agrupar en windows es: control+G

[@Grishopping]

el recsizen NO lo supe activar.... sera por la version ? me puedes orientar gracias por compartir tus conocimientos

[@LeonardoPeSe]

Te quiero

[@Deus-lo-Vuilt]

Cómo haces eso de zoom to selección ?

[@ninabuffa9484]

Hola que tal? queria saber como aplicar resizing en la Figma 2023 ya que no aparece la opcion de resizing solo aparece constraints. Mil gracias!

[@rogermcv15]

tengo la misma consulta :(

[@DaleAlej]

enseñanos como funciona el nuevo Resize!!! please

[@eliosu]

Gracias por esta masterclass! lo único es que no encuentro el resize en la version 2023 😪

[@erthontvoficial8073]

16/3/2023 ya actualizo la plataforma creo porq el resize aparece pero diferente, no tiene esa grafica como un cuadrante, aparece como " fiill " y "fixed" con una flechita al costado, para los q le costo contrar como a mi xD

[@uxcristopher]

Muchísimas gracias por compartirlo con la comunidad. 🙏🏻

[@DaleAlej]

siii AYUDAA no puedo hacer resize

[@DanielaLopez-ok2xb]

Tengo Mac y no me deja instalar figma ya que tengo un sistema operativo viejo, todavía no puedo actualizarlo, alguien sabe si hay alguna versión de figma para poder instalármela o no funciona así? Gracias

[@eduardoperalcalderon41]

La verdad que ya me jodería currarme tamaño vídeo (porque poca broma, está genial) y que vengan los cachondos de figma a cambiarme al rato la mitad. Enhorabuena igualmente 💪

[@julianarosato2705]

Chris tus clases son increibles. Puede ser que uses un Figma de pago? no tengo la misma opció n en el panel de la derecha para hacer el resizing...

[@davidnicolaszarza4282]

kzbin.info/www/bejne/oYXWg4RvZdF-oNk Dirígete al minuto 12:00 de este video, es debido a las actualizaciones.

[@Roberto-kz2oj]

A mi no me aparece la opcion de resize ayuda

[@MrsOrgasMusic]

Joliiiin... no me salen las opciones de resizing al pinchar en la imagen dentro de la selección de autolayout Ayudita??

[@omarserranoayala8121]

Como habilito el risizing si no me aparece y ya segui los pasos al pie de la letra, hice auto layout y vi el video un par de veces en el mismo tiempo y no me aparece

[@uxcristopher]

Hola, Figma se ha actualizado, ahora lo encontrarás en el área de altos y anchos. De hecho, si te gustaría profundizar en la creación de productos digitales y el uso avanzado de Auto Layout, aquí te comparto este curso que sé que te encantará. www.uxcristopher.com/cursos/curso-de-auto-layout

[@deboraloza348]

No me dala opción de instalar los plugins. Solo me deja probar Try it out

[@borja4593]

Hola, tengo una duda, estoy aplicando auto-layout en mis componentes, pero cuando intento hacer el resizing no me aparece esa opcion, estoy un poco desesperado que podria hacer?

[@davidnicolaszarza4282]

kzbin.info/www/bejne/oYXWg4RvZdF-oNk Dirígete al minuto 12:00 de este video, es debido a las actualizaciones.

[@valeriavalderrama]

Hola, muchas gracias por este contenido. En mi app de figma no me aparece la opción de Resizing, ni en mi práctica ni en el archivo de ejemplo, ¿a alguien más le sucede? ¿tiene solución?. Gracias.

[@uxcristopher]

Muchas gracias Valeria 🥳 Figma está en constante actualización, por lo cual cambiaron de posición, pero en este video los encuentras: kzbin.info/www/bejne/bISten2PbruFbac

[@mundodelfutbol6777]

Hola, cordial saludo, Como hago para eliminar un frame, por ejemplo desktop pero que ya no quiera trabajar con ese si no trabajar solo con medidas para celular y tablet, como hago para eliminar el frame con el que no quiera trabajar?

[@mecruza]

Lo selecciona y le da supr. Con eso se borra. O tambien clic derecho > delete.

[@MegaOver99]

Para comenzar desde cero, recomiendas ver todos los 137 videos que tienes en el canal o se puede comenzar desde las actualizaciones que has hecho en este año 2022?

[@uxcristopher]

Los nuevos te servirá mucho, pero si deseas algo aún mejor acá tengo mis cursos: www.uxcristopher.com/

[@promocionalesideas]

Tengo una duda por que FIGMA no hablan del seo ? veo varios tutoriales pero mi duda hay clases de seo para figma?

[@uxcristopher]

Figma es solo para diseño, el seo es para herramientas que te permiten publicar una página web, por ejemplo webflow:)

[@mundodelfutbol6777]

Hola cordial saludo desde Colombia, como puedo eliminar un frame o elemento que ya haya creado ?

[@uxcristopher]

Depende del Frame amigo, pero puedes simplemente seleccionarlo y suprimirlo;)

[@Fer_Miranda98]

Chris una consulta ¿tú curso esta actualizado a dia de hoy. ?

[@uxcristopher]

Si, todos mis cursos están actualizados y constantemente añado contenido nuevo. 😉 Puedes consultarlo aquí: www.uxcristopher.com/

[@rishardalexander]

Al seleccionar el rectángulo no me da la opción de resizing, como puedo visualizarlo?

[@DaleAlej]

la plataforma actualizó y ahora está en la parte de arriba donde estan las coordenadas como un cuadrito de flechitas

[@luciadelias9040]

No encuentro la opcion resizing en mi figma porque puede ser?

[@borja4593]

encontre una alternativa, pulsa la tecla k mientras cambias en tamano de la frame

[@rubenalexandermunozarteaga4139]

Yo quieor hacer logos

[@uxcristopher]

Genial aún que en figma si es posible si aprendes la herramienta, en mi canal comparto más sobre UI.

[@erickvisuals]

no puedo instalar ningún plugin

[@jfabianluevanorodriguez2311]

se pueden editar videos en Figma ?

[@uxcristopher]

No de momento, pero es posible incluir videos en prototipos.

[@jfabianluevanorodriguez2311]

@@uxcristopher gRACIAS mASTER!

[@luciadelias9040]

como haces para manejar tan rapido el zoom desde tecladoooooo, jaja.

[@luciadelias9040]

@Esteban Rubio GRACIAS POR RESPONDER

[@rodrigogonzalez2896]

COMO ELIMINAS LAS CARDS?