Figma Tutorial - ¿Cómo utilizar los Constraints ?

[@nasserissat]

Wow deberias tener mil millones de suscriptores

[@uxcristopher]

Muchísimas gracias 🤩 Con su ayudar será posible, cada like, cada comentario y recomendación de mis videos ayudará a que se haga realidad:)

[@victormariovillegastoro]

Fenomenal tutorial

[@GenerandoDineroOnline]

Veamos los anuncios para ayudar a Cris. Son de gran utilidad tus videos Cristopher . Felicidades, que crack como profe!!!

[@uxcristopher]

Muchísimas gracias 😊 Que genial que todos pensaran cómo tú, esto lo hago de corazón y valoró mucho el que te guste. Saludos 🖖

[@TheAugusto00]

Me estás ayudando un montón quiero que lo sepas con el diseño de mi tesis. Sos un genio y me encanta tu contenido

[@uxcristopher]

Wow que genial saberlo y ser parte esto. Mucho éxito y espero sigas aprendiendo mucho conmigo. Saludos:)

[@TheAugusto00]

@@uxcristopher Muchas gracias 🥺

En serio cada uno de tus videos se merece un like! muchas gracias Cristopher.

[@uxcristopher]

Muchas gracias amigo 🙌🏼

[@luzcarvajal479]

Desbloqueé otro nivel de conocimiento hoy, eres un genio total🥰

[@moniik92]

Siii por favor el vídeo de proporciones y medidas

[@diediebaby]

Geniales tus videos! Yo hice un curso pagado de Figma y hasta encontrar tu vídeo no había entendido muy bien el tema de los Constraints. Enhorabuena, eres un crack enseñando! Suerte!

[@uxcristopher]

Muchísimas gracias ☺️

[@jhoansebastiansanchezmacia3587]

Excelente explicacion, muchas gracias por compartir tu conocimiento.

[@TefAndrew]

Me has dado luz!!!, muchas gracias para un proyecto en el que estoy :D

[@ruthpaolaramirezcapillo6733]

hola cristopher, gracias por los videos, quisera saber si ya tienes el video de las proporciones?

[@uxcristopher]

Claro en este video hablo sobre proporción y espaciados. kzbin.info/www/bejne/oH_KdYetpdRlfMU

[@hardtour7045]

uxcristopher me alegra este creciendo tu comunidad, Excelente tutorial de Figma el mejor Play list que he encontrado me enganche desde el primer video, Didactico,practico,directo al grano..Veo el tutorial y enseguida practico..Pero practicando me surgio un reto o duda como hacer ciertos componentes responsives para que se escale a distintos Frame cuando creamos por el metodo de Atomic Design los Organismo, ejemplo imaginemos un grupo de tarjetas tipo galeria de pelicula de Amazon Prime , una con scroll horizontal y otra vertical, Resumen como hacer para que el organismo al tener su Intance se escale al ser responsive para distintos frame, ya que para uno Frame seran tarjetas mas pequeñas y otras mas grandes.

[@uxcristopher]

Muchísimas gracias por el apoyo 🙌🏼 Me alegra saber que te gustan y que estás aprendiendo 😃 Se vienen videos al canal con éste tema, así que te recomiendo estar al pendiente 😉

[@PEDROCORTEZQUISPE]

GRACIAS YA TERMINE EL TUTORIAL

[@cl3on482]

Muy buen contenido amigo

[@thekevyn2895]

Buen tutorial. Porfa haz el vídeo de las medidas recomendadas

[@uxcristopher]

Claro, viene en camino 🙌🏼

[@erikantonioticonipaquispe8815]

Buenos Días, genial esperamos tu video sobre las rejillas en Figma.

[@uxcristopher]

Claro, saldrá muy pronto 😉

[@frenchiliesavecsol6808]

Muchas gracias esta muy claro! Pero tengo una duda, con el Auto layout podemos llegar al mismo resultado en ese caso no? Cual es la diferencia? Entiendo que en ese ejemplo al usar autolayout podemos decidir las medidas entre los elementos y que queda mas facil manejarlo asi pero sino hay una diferencia? Y también, para que sirve la opcion Scale en los Constraints? Gracias :)

[@lopezvargasfernando2277]

Muy buena explicación crack, sigue así con los tips

[@CarlosGarcia-hh1wz]

Excelente contenido cristopher! Muy bien explicado.

[@uxcristopher]

Muchísimas gracias 🙌🏼

[@johannamiranda4302]

Esto es genial!

[@dasosifa]

Un video con las medidas porfaa!

[@gudielsandoval9486]

Algún video de tipografía? así como las clases de textos que se pueden utilizar en títulos, información, botones etc ?

[@carlosvicente2795]

Hola Cristopher, Muy bueno el vídeo!. ¿Podrías hacer alguno de como hacer tablas con auto-layout? Gracias.

[@uxcristopher]

Por supuesto que sí, es es un muy buen tema 😉

[@carlosvicente2795]

@@uxcristopher Ok, genial, gracias. O si existe otra forma de hacer tablas, la que veas mejor.

[@uxcristopher]

Claro, me encanta la creación de tablas, estaré trabajando para tener el vídeo lo mos pronto posible 🙌🏼. Gracias por la sugerencia;)

[@rafacamara2945]

Hola Cristopher, lo que le voy a preguntar no tiene nada que ver con el vídeo, que este vídeo y muuchos otros me resuelven muchas dudas, felicidades por el canal. Mi pregunta es sabes, si hay algún manual o algo por el estilo, de figma?? Gracias!!

[@danielcarlossanchezperez9532]

Buenísimos tus vídeos, espero el de las proporciones.

[@uxcristopher]

Super, muchas gracias 🙌🏼

[@eibien4219]

Hola, cómo estás? Gracias por tus videos. Siempre he tenido inquietud en algo. Es válido que en desktop xambien un poco las dimensiones respecto al diseño en mobile? Me explico: que la altura de un header, por ejemplo, sea más grande. O un botón, o una card. Gracias por tu respuesta. Agradecería que me pudieras asesorar con esa pregunta. Gracias

[@danielozano_93]

Hola @uxcristopher, no puedo crear un solo frame con los constrains ya estipulados, para cuando duplique el frame y cambien la resolución se encuadre solo? y no tener que hacer varios frames y yo mismo cuadrar esos detalles?

[@uxcristopher]

Si, es válido , este es solo un ejemplo pero al final lo que funcione mejor está bien;)

[@damiankalber5042]

Me interesa el manejo de grillas y todo elemento para winforms. Gracias

[@ricard289]

Buenísimo mil gracias. Tengo una pregunta, rápidamente ¿cual es la diferencia entre constrains y auto layout? Muchísimas gracias por tus videos!

[@camilavalbuena6084]

Hola ! Que gran video!! Tengo una duda, estoy intentando hacer una galería en un frame de iPhone 8, pero cuando hago la segunda imagen de mi galería y cambio de tamaño el frame, ese objeto se mueve horizontalmente a pesar de que puse una restricción de que se quede a la izquierda. Ayuda! No se porque pasa eso :(

[@axelhunger]

Cris, hola CONTESTAME. 1) COMO PODES DESDE UN FRAME SI POR EJEMPLO HACES UN LAYOUT GRANDE LARGO DE MOVIL, LUEGO CUANDO LO ESTIRES, LO DE ABAJO "EN BODY" VAYA AL COSTADO, HASTA 3 POR EJEMPLO. 2) Como haces que cuando agrandes y tenias en el menu por ejemplo una lupa, que con una animacion aparezca el escribir, o que si tengas un poco de buscador... luego cuando agrandas aparezca la lupa con una palabra, seria seleccionar el componente y cambiarlo a variant, pero desde ahí no del padre, sino seria del hjo, y variant, seleccionando de la lista del costado. es asi? 3) me olvide Por que tiene que ajustarse en vez desde el layout princiál. creo que hay un plugin layout para eso SUPER EFICIENTE. QUE NO TENES QUE TOCAR NADA MÁS QUE CAMBIAR EL ANCHO Y LARGO DEL FRAME... TENIENDO TODO EN SU LUGAR, CUANDO, SIN ESPACIOS DE MÁS EN rows

[@uxcristopher]

Hola, muchas gracias por tu apoyo al canal. 🥳 Me resulta complicado entender lo que deseas realizar, pero si te interesa cuento con espacios para mentorias personalizadas. Aquí nos podríamos reunir y estar trabajando y aprendiendo juntos en vivo. Si te gustaría esta opción, aquí te comparto todos los detalles. chivalrous-recorder-981.notion.site/Mentor-as-d2dc2266cb014cb19d1f475687e1a814 Saludos 🖖

[@axelhunger]

@@uxcristopher aprendi hacer slide horizontal y vertical por vos ja

[@axelhunger]

después de comentar toque un plugin de como se puede autoconfigurar un frame con todo adentro. Nunca he trabajado y hecho un frame, un proto menos, un proyecto , ni de ux, ni ui, ni de que egrese el año pasado en mayo de diseño industrial. Apenas toque el plugin y con unos botones se ajustaba unos rectangulos del body, teniendo todo lo que aprendí y estoy viendo el canal de jon Mircha, por el 11 ahora, pero solo hice hoy el 10 y todos los demás anteriores los otros días. Luego me toca con vos. Ahi veo el link los guardo para ver más tarde.

[@MarthaTorresRo]

¿Los constrains también ayuda para hacer los botones?

[@carlosgarciadevel]

Cada día me gana más figma xD

[@uxcristopher]

Y va mejorando con cada actualización 🙌🏼, aquí traeré cada novedad.

[@erikantonioticonipaquispe8815]

Mi consulta es si podría crear un componente que se resécale automáticamente, al pasar a otro tamaño de fríame, las restricciones en componentes se entendió perfectamente se podría definir parámetros de Re escalamiento.

[@uxcristopher]

No, de momento no es posible el que se escale de manera automática. Aún que podría investigar más para ver si hay un plugin o algo que nos ayude con ese tema 😉

[@PamelaAulita]

Estaba por preguntar lo mismo. Estaría bueno saberlo. Gracias

[@Mumont]

El video realmente empieza en el min 10...

[@jhyspcy]

ayuda a mi no sale la función constraints 😢

[@ruthpaolaramirezcapillo6733]

HELP MEE!! estoy haciendo lo mismo pero usando iconos y cuando escalo se deforman. Qué podria estar haciendo mal???

[@uxcristopher]

Hola intenta escalar pero antes pulsa la tecla “K”

[@Ivan-jv7dp]

el video comienza como a los 15 min

[@ulisestornatore]

Felicitaciones por el Tutorial. Pero me parece que te falto mencionar (por ejemplo) 1) Que pasaria si tuvieras mas botones (cuadraditos), digamos 5, cómo usas los Constraints para los botonces intermedios. En tu ejemplo a la derecha colocas dos y los agrupas, pero qué se hace si son 4 ó 5 ó 6 botoncitos? Cómo manejamos los intermedios?. 2) Otro aspecto es que si dentro de los cuadraditos tienes texto. Le colocamos Constraints al Texto? Si esto se prepara primero para un menú en un Celular al colocarlo en una versión para PC, las letras deberían ser más grandes. No mencionas nada al respecto. Ojalá pudieras hacer un tutorial que incluyera esos casos. Por ultimo, a menudo hablas mucho y dilatas demasiado el vídeo. Hay pocos tutoriales sobre Figma, y veo que los tuyos son los mas completos. Un detalle, en el minuto 2'52" dices: Vamos a hacer esto, y luego haces algo mas y aparecen los 2 cuadraditos agrupados que en la columna izquierda aparecen dentro de un Frame 2. Seria ideal que dijeras en todo momentos que si haces algo digas que estás presionando y en dónde. Para los neofitos como yo nos perdemos. Tuve que repetir eso varias veces para entender qué hiciste y nunca entendí porqué lo hiciste. Por eso me quedo la duda de qué hacer si fueran mas botones, habria que agruparlos también todos a la derecha y dejar uno a la izquierda??- Gracias por la atención.