Figma Masterclass para principiantes
ฝัง
- เผยแพร่เมื่อ 25 ส.ค. 2024
- 🤓 Conoce mis cursos:
www.uxcristoph...
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:
www.instagram....
📱 TikTok:
www.tiktok.com...
📱 Facebook:
/ uxcristopher
#ux #ui #figma #autolayout #webdesign #code #nocode #webflow #freelance #uxcristopher
50:00 Auto Layout
55:30 Resize
1:01:50 Creación de Componentes
Gracias dios estaba ya a punto de irme
@@eduardotorres5302 total, su contenido esa de mucho valor pero su forma de explicar da mucho sueño
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!
hola, tu eres ui designer ?
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!
Excelente Pedagogía, me parece muy buena la forma de explicar cada paso. Gracias!
Muchas gracias! Es lo primero que aprendo sobre figma, gracias por la calidad de la masterclass 😊
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/
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
Buen día Cristopher desde Colombia quiero agradecerle por compartir sus conocimientos, me gustó mucho como explicaste salí de muchas dudas
Que bien que está explicado, muy buen contenido y encima muy formativo, muchas gracias por estos vídeos
Muchas gracias, saludos 👋🏼
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.
Gracias infinitas por este tutorial! Me ayudó muchísimo! Explicás suuuuuuuuuuuper bien Cris!!! Muchísimas gracias!!!!!!!!!!! :)
increible mano excelente tutorial
Gracias, saludos 🙌🏻
Chris de verdad muchísimas gracias por tomarte el tiempo de hacer esta excelente introducción a Figma!
me gustó Cris!! por favor sube la creación de un brochure, presentación o diapositiva con animaciones (pdf)
Gracias. Saludos desde Colombia
Esto es exactamente lo que estaba buscando, muchas gracias 🤝
Gracias a ti por apoyar mi contenido, Saludos
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.
Muchísimas gracias, feliz de que te haya servido:)
Estoy iniciando en este mundo y la verdad me encanta coomo explicas, muchas gracias =D
MUCHAS GRACIAS MAESTRO!
Como siempre, espectacular.
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
Te felicito Cristopher, muy claro tus explicaciones.
Thank you, this video was a lot of help!
wao excelente clase la verdad, sin desperdicio alguno!
¡Muchas gracias, Cristopher!
Nueva fans
Muchas gracias, me gusta mucho la explicación
Gracias! Muy buena clase! Me voy a verla de nuevo y prácticar al mismo tiempo. Saludis desde Uruguay
Gracias! me sirvió un montón todo! espectacular la calidad y como planificaste el tutorial!
Gracias por este video, yo aprendi el año pasado contigo la herramienta de figma, ahora me toca dominar el ui y el ux
Muchas Gracias CRISTOPHER exelente tu masterclass!!!!!
Gracias a ti 😊
Genio total
Muchísimas gracias, gracias por ver el video y apoyar mi contenido, un abrazo. 😊
Gracias por compartir conocimiento! Excelente masterclass!
De nada Tomas, gracias por apoyar mi contenido. 😄
Buen tutorial, muy util. Muchas gracias bro
Gracias por comentar y apoyar mi contenido. Saludos 👋🏼
Muchas gracias por la masterclass! me fue muy útil.
Un verdadero placer el poder compartir 😄
Muy bueno tu contenido, gracias por tu aporte.
CRack super crack, heroe sin capa. Muchas gracias !!!!!
Espero que hagas un vídeo de los nuevos cambios de figma!! 🙏
Pense que no estaría bueno este video, pero puff que gran video, muchas gracias, Saludos
Gracias Christopher
Gracias master
Saludos 🖖
Gracias Christopher.
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
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. 😉
@@uxcristopher yo si decia jajajaja. Parecia un loco viendo donde estaba XD, mañana me pongo a checar eso de nuevo . Gracias!
@@juancaaa 🤣🤣
@@uxcristopher donde esta ahora ? Jajaj
@@patoko88 Ahora esta en la parte de las medidas donde esta Fixed width lo cambias por Fill Container
EXCELENTE VIDEO 👌👌👌👌GRACIAS!!!!
Gracias 😊
Muchas gracias, excelente!😅
Está excelente. Explicas muy bien!
Excelente explicación
gracias por el video! es muy claro.
Gracias :)
Muy buen curso. me ayudo mucho.
Me encantó! Mejor explicado que mis profesores 😮👏👏
Muchísimas gracias, espero te sigan gustando los próximos videos. 🥳
it worked! thank you so much!!
Explica como diseñar un prototipo de interfaz digital pero de lavadoras o cajeros.
Gracias
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.
Muy buena masterclass 👏🏽👏🏽👏🏽
Muchas gracias!! 🥳
Genial bro
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
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!
tengo la misma consulta :(
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.
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. 🥳
:D genial bro :D ojalá saques muchas masterclass mas :D
enseñanos como funciona el nuevo Resize!!! please
Buenísimo , estás clases continuarán?
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?
Muchísimas gracias 😊, aquí podrás encontrar mis cursos y contenidos exclusivos que te ayudarán a lograrlo. www.uxcristopher.com/p/home
Para agrupar en windows es: control+G
No me da la opcion del resizing. y si hago un layout dentro de otro layout me saca elementos y se desconfigura todo.
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
Muchísimas gracias por compartirlo con la comunidad. 🙏🏻
siii AYUDAA no puedo hacer resize
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?
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!!!
Gracias!!! oye el resizing no está en todas las versiones? a mi no me aparece
el recsizen NO lo supe activar.... sera por la version ? me puedes orientar gracias por compartir tus conocimientos
Gracias por esta masterclass! lo único es que no encuentro el resize en la version 2023 😪
como hace lo del zoom selection?? siempre que clickeo un frame ando ajustando el zoom de manera manual con la ruedita + ctrl
Hola Cristopher, muy buena la clase!, sabes q en mi figma no aparece risizing, no lo encuentro?
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?
th-cam.com/video/kTsRQ90lKjw/w-d-xo.html
Dirígete al minuto 12:00 de este video, es debido a las actualizaciones.
el sonido estámuy bajo, pero mil gracias excelente video.
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
A mi no me aparece la opcion de resize ayuda
Hola cordial saludo desde Colombia, como puedo eliminar un frame o elemento que ya haya creado ?
Depende del Frame amigo, pero puedes simplemente seleccionarlo y suprimirlo;)
Joliiiin... no me salen las opciones de resizing al pinchar en la imagen dentro de la selección de autolayout
Ayudita??
No me dala opción de instalar los plugins. Solo me deja probar Try it out
Chris una consulta ¿tú curso esta actualizado a dia de hoy. ?
Si, todos mis cursos están actualizados y constantemente añado contenido nuevo. 😉
Puedes consultarlo aquí: www.uxcristopher.com/
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...
th-cam.com/video/kTsRQ90lKjw/w-d-xo.html
Dirígete al minuto 12:00 de este video, es debido a las actualizaciones.
Hola amigo para llevar a cabo el desarrollo de una app es necesario que sean varios profesionales?
no puedo instalar ningún plugin
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.
Muchas gracias Valeria 🥳 Figma está en constante actualización, por lo cual cambiaron de posición, pero en este video los encuentras: th-cam.com/video/6SJIJY9VR7E/w-d-xo.html
Vale la pena aprender figma ?
lo pregunto por que soy programador pero quisiera cambiar de ambito, tu crees que vale pena ?
Te quiero
Tengo una duda por que FIGMA no hablan del seo ? veo varios tutoriales pero mi duda hay clases de seo para figma?
Figma es solo para diseño, el seo es para herramientas que te permiten publicar una página web, por ejemplo webflow:)
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
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
Cómo haces eso de zoom to selección ?
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 💪
Al seleccionar el rectángulo no me da la opción de resizing, como puedo visualizarlo?
la plataforma actualizó y ahora está en la parte de arriba donde estan las coordenadas como un cuadrito de flechitas
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?
Los nuevos te servirá mucho, pero si deseas algo aún mejor acá tengo mis cursos: www.uxcristopher.com/
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?
Lo selecciona y le da supr. Con eso se borra. O tambien clic derecho > delete.
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
se pueden editar videos en Figma ?
No de momento, pero es posible incluir videos en prototipos.
@@uxcristopher gRACIAS mASTER!
Yo quieor hacer logos
Genial aún que en figma si es posible si aprendes la herramienta, en mi canal comparto más sobre UI.
No encuentro la opcion resizing en mi figma porque puede ser?
encontre una alternativa, pulsa la tecla k mientras cambias en tamano de la frame
como haces para manejar tan rapido el zoom desde tecladoooooo, jaja.
@Esteban Rubio GRACIAS POR RESPONDER
COMO ELIMINAS LAS CARDS?