Cómo Hacer un Diseño en Figma en Autolayout (Responsive Design)
Вставка
- Опубліковано 11 вер 2024
- Aprende como hacer un diseño web en versión móvil en Figma con Autolayout.
✅ Descarga Figma en: oscarrgb.com/e...
✅ Curso Figma Completo:
🏆 Suscríbete para más:
/ @oscarrgb
🚀 Únete a la Academia para Emprendedores Digitales co-freelance
🎁 15% de descuento con cupón "youtube" 👉🏻 co-freelance.com 👈🏻
#diseñoweb #figma #diseñomovil
Que hagas un ciclo superior de diseño web y que tu profesora no sepa explicarte los autolayouts de forma correcta, vengas a youtube y un verdadero conocedor de la materia te lo explique en 10 minutos no tiene precio. mi like y mi suscripción jefe. Más como tú en las aulas y no tanto dinosaurio que no se reinventa con las nuevas tecnologías
es cierto a mi me paso exactamente igual
@@elsy3646 pasa, gaste en dos cursos pagos y son una calamidad, tire el dinero.. y el gran oscarRGB resolvió mi duda de manera rápida y clara.. gracias oscarRGB!
Excelente explicación. Ahora le voy a bajar la velocidad y lo voy a ver 10 veces para entenderlo. Jaja. Fuera de broma, me quedó más claro y lo voy a practicar hasta que me quede. Gracias Óscar.
Siempre he sido de Indesign, Illustrator, y photoshop. Nunca me interesó el diseño web, o UI, pero al ver tus vídeos se me ha abierto un mundo. Figma es una impresionante herramienta.
Muchas gracias.
Eso nos ha pasado a muchos, ojo, que es un vicio y acabarás haciéndolo casi todo con Figma jejeje
Me encanta! me ayuda muchísimo, justo estaba con muchas dudas y buscando aprender
3 meses resumidos en 17 min...amo ♥!!!!!
La verdad explicado muy claro y yendo al punto, sin tanta parla. Gracias.
Muchas gracias Maria ☺️
Muchas muchas gracias, muy buena la explicación que das, vi otros videos en donde terminaba mas perdido.... nuevo seguidor.
@@hugostiglitz1254 muchas gracias!
Muchas gracias amigo, estoy aprendiendo con figma y es de los mejores videos que he podido ver. Mucho curro tiene esto. Gracias!!!
Muchas gracias! Acuérdate de suscribírte para no perderte los siguientes.
Sos un genio, wacho! Pensé que solo tenías IG y ahora te veo por youtube.
muchas gracias! me alegra que me conozcas por otras redes!
Gracias por la explicacion, la verdad antes no sabia bien como implementar el autolayout, pese a tener experiencia ya que todo lo hacia de manera manual, pero con tu video reducire mi flujo de trabajo a la mitad.
me alegro mucho! entender el autolayout es un antes y un después!
De todos los videos que he visto este es el mejor, muchas gracias la explicación es buenísima!
Muchas gracias Paola!!!!☺️
Muchas pero muchas mucha muchisisisisisisisimas gracias! Bien explicado, conciso directo a la vena!
Muchas gracias Karina!
Un capo! Súper claro todo, excelente como lo explicas 🙌 Gracias por el video!
Muchas gracias!!🤩
mil gracias por la ayuda! tu video ha sido el más completo de todos los que he visto y me ha ayudado un montón a terminar de dominarlo. los últimos 10 minutos del video son la clave 🔥 mi reto es pasar de un frame desktop (1440px de ancho) a responsive (por ej. 375px) y que todo se vaya ajustando solo. ¿Esto se puede? 👀 ¡Muchas gracias de nuevo por compartir el contenido!
Si se puede! Autolayout + warp o existe un plugin llamado breakpoints que sirve para ello 😉
Espectacular video bro, me salvaste la vida. QUE CRACK!!!!!!
Muchas gracias Diego!
no es suficiente el like! exploto de agradecimiento! :D
@@tvmines muchas gracias! Puedes seguirme en insta también, seguro que encuentras algo que te ayude 😀
Gracias por compartir tu conocimiento. Tengo una duda, abría algun problema si se manda un proyecto de figma al area de desarrollo sin autolayout? a parte de ayudarte a hacer responsive tiene otra utilidad para los desarroladores? 🤔
Hola Oscar! Muchas gracias por el tutorial !! Hace poco comencé a familiarizarme con Figma y me gustaría adoptar las mejores prácticas. Tengo la duda de cómo debo nombrar cada capa sin tener tanta confusión o repetición de palabras pero usando nombres cortos para ser eficientes.
En qué orden o secuencia debería aparecer ? Por ejemplo, si tengo 3 grupos de izquierda a derecha dentro de mi frame, estos deberían aparecer en la lista de las capas de arriba a abajo :
Grupo 1, desayuno
Grupo 2, almuerzo
Grupo 3, postre
o por el contrario quedarían según se van creando:
Grupo 3, postre
Grupo 2, almuerzo
Grupo 1, desayuno
Con respecto al manejo de pixeles no tengo ni idea, alguna recomendación? He escuchado que todo debería trabajarse en distancias de multiplos de 8, pero en tus ejemplos vi que usas distancias diferentes, cómo se maneja ese tema? Gracias.
En el tema nombrar capas no hay ninguna ley, algo que tu entiendas bien y que los colaboradores puedan interpretar, mantener esos criterios en todo el proyecto, a mi me gusta ser muy concreto para evitar errores, contenedor postres, contenido postres, titulo postres… para el tema del tamaño si, la regla de los 4 y 8px, eso si siempre comienzo esa tabla con 2px,4,8,12…
buenisimo el video! gracias!
Ya quisiera yo que illustrator tuviese esta herramienta
Muy bueno, muchas gracias
Pero finalmente el ejercicio de autolayout no se pudo hacer con las imágenes de retratos en círculo? lo intente y no pude:(
Excelente vídeo.
WOW 😊
intento hacerlo con una estructura que tenia montada en figma como proyecto y me pasa que sigo los pasos, hug, fix container, (son mas imagenes que texto) y cuando meto todo en un autolayout y wrap para un diseño responsive me mueve todo de lugar y se descuadra, no sé que hago mallll ayuda porfa
Ostras sin ver lo que estás haciendo es muy complicado poderte ayudar mira que tengas todos los elementos en fill container si quieres que lleguen de punta a punta, crea tamaños horizontal máximo y mínimo de cada elemento para que hagan el salto en wrap justo cuando tu quieras.
Buen vídeo amigo!
Gracias Freddy!
👏👏👏
muy buen video
Gracias Leo!