La mejor forma de crear botones en Figma 2024 - Figma tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ส.ค. 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

ความคิดเห็น • 31

  • @MrAlexRot
    @MrAlexRot 10 หลายเดือนก่อน +1

    Gracias Christopher es de mucha utilidad tu canal para la comunidad UX!

    • @uxcristopher
      @uxcristopher  10 หลายเดือนก่อน

      Gracias por tu comentario Alex, lo aprecio mucho. 😊
      Y gracias a ti por ver y apoyar mi contenido. 🙏

  • @DanielaKeush
    @DanielaKeush 6 หลายเดือนก่อน +2

    Amigo muchas gracias, eres conciso y claro.

    • @uxcristopher
      @uxcristopher  5 หลายเดือนก่อน

      Gracias a ti por apoyar mi contenido. Saludos. 😉

  • @user-rp9xw3yj5f
    @user-rp9xw3yj5f 8 หลายเดือนก่อน +2

    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.

  • @rauldezamacona
    @rauldezamacona 11 หลายเดือนก่อน +1

    Felicidades por tu trabajo.

  • @camilogomez3637
    @camilogomez3637 11 หลายเดือนก่อน +2

    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.

    • @uxcristopher
      @uxcristopher  11 หลายเดือนก่อน

      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. 😊

  • @julipascheAB
    @julipascheAB 10 หลายเดือนก่อน +1

    genio

  • @victorhualop8804
    @victorhualop8804 10 หลายเดือนก่อน

    Yujuuu 🎉 gracias Cris 🫡

  • @benditoovillo
    @benditoovillo 11 หลายเดือนก่อน

    Espectacular! Muchas gracias por compartir ❤❤

  • @pumba_mza
    @pumba_mza 11 หลายเดือนก่อน +1

    Gracias genio!

  • @VideoProTR
    @VideoProTR 10 หลายเดือนก่อน +1

    Gracias!!! excelente

    • @uxcristopher
      @uxcristopher  10 หลายเดือนก่อน

      Saludos 👋🏼

  • @crisslilith
    @crisslilith 11 หลายเดือนก่อน

    que buena explicación muchas gracias😊

  • @maira3830
    @maira3830 5 หลายเดือนก่อน +1

    Muy bueno!

    • @uxcristopher
      @uxcristopher  5 หลายเดือนก่อน

      Gracias:) Saludos!

  • @Simontster
    @Simontster หลายเดือนก่อน

    ¿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.

  • @LiuM01
    @LiuM01 10 หลายเดือนก่อน

    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!

  • @melissaarenas3626
    @melissaarenas3626 4 หลายเดือนก่อน

    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?

  • @Bienestares_estarbien
    @Bienestares_estarbien 3 หลายเดือนก่อน

    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?

  • @daribo91
    @daribo91 3 หลายเดือนก่อน

    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

    • @daribo91
      @daribo91 3 หลายเดือนก่อน +1

      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.

  • @jesusdavid5722
    @jesusdavid5722 2 หลายเดือนก่อน

    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

  • @84zeroone
    @84zeroone 10 หลายเดือนก่อน

    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 ?

  • @albertorodriguez6419
    @albertorodriguez6419 6 หลายเดือนก่อน

    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"

    • @albertorodriguez6419
      @albertorodriguez6419 6 หลายเดือนก่อน

      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!

  • @byssol
    @byssol 2 หลายเดือนก่อน

    me he perdido en el boton de enlazar 🙄🙄

  • @santiagopina6632
    @santiagopina6632 9 หลายเดือนก่อน

    crack

  • @alixluciamartinezvasquez
    @alixluciamartinezvasquez 11 หลายเดือนก่อน

    No me funciono :(

    • @uxcristopher
      @uxcristopher  11 หลายเดือนก่อน

      Hola 👋🏼 ¿Qué cosa específicamente?