La mejor forma de crear botones en Figma 2024 - Figma tutorial
Vložit
- čas přidán 3. 09. 2023
- 🤓 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
Felicidades por tu trabajo.
Espectacular! Muchas gracias por compartir ❤❤
Gracias genio!
que buena explicación muchas gracias😊
genio
Yujuuu 🎉 gracias Cris 🫡
Hola muchas gracias!, como lo hago para que el boton quede marcado como presionado cuando me dirijo a una seccion, y cuando cambie de seccion, se marque como default y se seleccione en la segunda seccion y asi sucesivamente.
¿Qué es Auto Layout? Es la funcionalidad que te va a permitir crear frames que se adapten al contenido, sin tener que hacerlo tú manualmente.
Amigo muchas gracias, eres conciso y claro.
Gracias a ti por apoyar mi contenido. Saludos. 😉
Gracias Christopher es de mucha utilidad tu canal para la comunidad UX!
Gracias por tu comentario Alex, lo aprecio mucho. 😊
Y gracias a ti por ver y apoyar mi contenido. 🙏
Gracias!!! excelente
Saludos 👋🏼
alguien que me ayude e hecho todos los pasos pero cuando cambio el nombre del boton no se le queda a los demas que hago
Me encanta tus videos, aún soy estudiante, me gustaría que nos enseñes como documentar todo lo del diseño. También tengo una duda, vengo del video de la guía de estilos y cuando le aplico el estilo al texto no funciona con el autolayaut, en cambio si no lo uso normal el botón se hace responsive si agrego más letra al texto, cómo se puede solucionar eso? Gracias por todo!
crack
Hola tengo un problema sería muy cool si puedes ayudarme, ya tengo mi diseño en figma, estoy exportando a Mailchimp pero los botones no sirven que puede ser lo que está fallando ?
Hola Cristofer my buena tu explicación pero no puedo acceder a algunas de las acciones como en el caso de querer cambiar el alto de la caja de texto. Sabrias porqué ocurre esto?
Muy bueno!
Gracias:) Saludos!
Hola Cristopher! excelente video! pero me queda solo un problemita que no entendí.
Al copiar el botón en el prototipo, cambio el texto, pero al hacer hover o click, el botón vuelve al texto "button" ¿cómo lo soluciono?
Hola Christopher, tu contenido es muy bueno. Hay varía gente en el sector que no recomienda utilizar componentes maestros, sin embargo, veo que tú sí los usas. Me gustaría conocer tu opinión al respecto.
Muchísimas gracias Camilo. 😁
Me imagino que muchas veces no les gusta utilizarlo por la carga de trabajo que requiere el tener siempre cuidado con los cambios que realizamos en el mismo.
Mi recomendación es utilizarlos siempre que veas que te ayudará a acelerar tu trabajo. 😊
Hola! muy buen tutorial. ¿Por qué no me aparece el circulito para conectar un botón a otro? para poder darle la acción de pasar por encima del ratón y ponerse oscuro
Arriba a la derecha hay pestañas que ponen, Design y Prototype, hay que cambiar a la pestaña de Prototype :S
Ya lo explico yo para quien le pase lo mismo.
me he perdido en el boton de enlazar 🙄🙄
Hola, Cris. Buen tutorial, sin embargo me encuentro con un problema a la hora de dar dos comportamientos a un botón, y veo que a ti te ocurre igual, pero sin embargo consigues que funcione.
Por lo que se es un error de figma, que se ha comentado en los foros varias veces. Y es que al aplicar el on click, cuando ya tiene while hovering, sale una señal de advertencia en el click (en tu video se puede ver igual) y cuando visualizas el prototipo, solo funciona el hover, pero el click no.
No entiendo bien como en tu caso a pesar de tener el mismo error si funciona, y en mi caso, no. Puede ser algo en el componente que haya hecho mal?
Si haces hover en el icono de advertencia, te indica: "This interaction will not be triggered as another one will be triggered first"
Me respondo a mi mismo, por si alguien tiene la misma duda. Si aplico el estado hover al componente y el click a la variante, entonces si funciona. Esto creo que puede deberse, a que una vez haces hover, el estado que está funcionando es el de la variante, y es por ello que el click solo funciona si se aplica a esta y no al botón original. Veo de nuevo el video, y veo que ya lo habías indicado, aunque se me pasó por alto ese detalle. Un saludo!
No me funciono :(
Hola 👋🏼 ¿Qué cosa específicamente?