Componentes Interactivos en Figma: Introducción y ejemplos

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

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

  • @naditaquehacer
    @naditaquehacer ปีที่แล้ว +2

    ¡Qué maravilla! Creo que figma se convertirá en mi mejor amigo para UX... Y tú en mi mejor maestro. Explicas súper claro todo... ¡Gracias!

    • @uxcristopher
      @uxcristopher  ปีที่แล้ว

      Muchísimas gracias, un abrazo por tanto apoyo. 😊

  • @yordansilva9056
    @yordansilva9056 2 ปีที่แล้ว +1

    Te agradezco montones !!!! eres súper dadivoso con tus conocimientos !!!

  • @simoncedeno1751
    @simoncedeno1751 ปีที่แล้ว

    Te felicito hermano, tiene mucha inteligencia y explicas muy bien. Éxitos y bendiciones.

  • @julietherazo950
    @julietherazo950 2 ปีที่แล้ว +1

    Definitivamente tu siempre dando ayudas con tus super videos, la verdad muchas gracias he puesto en práctica tus consejos y si que me han funcionado. Bendiciones y éxitos

    • @uxcristopher
      @uxcristopher  2 ปีที่แล้ว

      Muchísimas gracias ☺️

  • @dafer.guerrero
    @dafer.guerrero 2 ปีที่แล้ว +2

    Excelente explicación Cristopher, sigo aprendiendo cosas del diseño en figma....!!

    • @uxcristopher
      @uxcristopher  2 ปีที่แล้ว +1

      Muchísimas gracias David, vamos a darle con toda la actitud. 💪🏽

  • @ernestocuadrado
    @ernestocuadrado 2 ปีที่แล้ว +1

    Excelente Cristopher estoy haciendo un proyecto y voy aplicando tus conocimientos

    • @uxcristopher
      @uxcristopher  2 ปีที่แล้ว

      Al contrario, gracias por ver mi contenido. 🙏🏼
      Qué genial que comiences a aplicarlos, verás cómo será más fácil mantener un proyecto grande con estos trucos.

  • @ceciliacasavieja8859
    @ceciliacasavieja8859 12 วันที่ผ่านมา

    hola, excelente video pero no encuentro el link para descargarlo

  • @stefanylondel6700
    @stefanylondel6700 2 ปีที่แล้ว

    Tus videos son un gran apoyo para mi. Gracias

  • @uxyorkis
    @uxyorkis 2 ปีที่แล้ว +2

    Me encanta esta nueva opción. Lo único que echaba de menos de Adobe XD era el “estado de los componente” y afortunadamente en Figma ya tenemos un equivalente.
    Ahora solo le ruego al cielo que habiliten el Dark Mode lo antes posible. Ya se están f*king tardando 🙄
    Buen video bro 🖖🏽

    • @uxcristopher
      @uxcristopher  2 ปีที่แล้ว +1

      Yo también quiero Dark Mode 🤣
      Gracias 🙏🏼

  • @user-co3mv9ek2i
    @user-co3mv9ek2i 9 หลายเดือนก่อน

    Gracias por la explicación!

  • @abismo_tv
    @abismo_tv ปีที่แล้ว +2

    Hola @uxcristopher tienes algun video donde hables de los tamaños recomendados para layouts enfocados a desktop, mobile etc ?? siempre tengo el problema de que no se cual seria le mejor tamaño para segun que tipo de proyecto, ya sea una landing, una webapp etc porque cada una tiene sus caracteristicas

  • @AndreaC11111
    @AndreaC11111 2 ปีที่แล้ว +1

    Justo lo que estaba buscando! Gracias por el video! 😊

  • @kiddow4357
    @kiddow4357 2 ปีที่แล้ว

    que grande cristooooooooooooooooooooo, gracias por tu contenidoo

  • @susanaherrera2795
    @susanaherrera2795 2 ปีที่แล้ว

    Gracias por compartir tus conocimientos

  • @marianopicardi3285
    @marianopicardi3285 ปีที่แล้ว +1

    Hola! Ya no está el enlace al Figma cierto?

  • @TheYhanka
    @TheYhanka 2 ปีที่แล้ว +1

    excelente gracias

  • @camilovillalobos8203
    @camilovillalobos8203 ปีที่แล้ว

    gracias

  • @elsa.davila.santiago
    @elsa.davila.santiago 4 หลายเดือนก่อน

    Donde está el link para descargarlo?

  • @luna8335623
    @luna8335623 ปีที่แล้ว

    Hola @uxcristopher cual es la diferencia entre los materials design que hay actualmente y cual es el que recomiendas usar

  • @joe.istrying
    @joe.istrying 2 ปีที่แล้ว

    Hola! Soy una nueva suscriptora, me encanta tu contenido. Crees que me podrías explicar cómo es que haces que tu texto crezca a la par que el botón cuando agrandas el componente? No sé cómo hacerlo :c

  • @johanna_fajardo__
    @johanna_fajardo__ ปีที่แล้ว +1

    donde esta ellink para duplicar el archivo ? no lo veo :(

  • @yamilavillegas7080
    @yamilavillegas7080 2 ปีที่แล้ว

    Buenas tardes, pero el archivo que subiste no me deja desagrupar! saludos excelente tus clases

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

    Hola alguien sabe cómo puedo en Figma lograr que un checkbox se habilite únicamente si tengo deshabilitados otros? Es decir que si tengo ciertos checkbox marcados este checkbox este deshabilitado y se habilite al desmarcar los otros, así mismo cuando este único este marcado el resto queden deshabilitado? Gracias

  • @MARTIN-it1fv
    @MARTIN-it1fv 2 ปีที่แล้ว +1

    Hola Cristopher, como estas? primero que nada agradecerte por tus videos, porque gracias a ellos, yo que soy nuevo en el mundo UX/UI a aprendido mucho. Tengo una duda con respecto al uso de botones, especificamente los de switch, me pasa que al querer cambiar el tamaño, en el estado por defaut, no se cambia el circulo blanco, osea achico el componente, pero solo se achica la parte verde. En el estado !apagado" en gris y blanco esto no pasa, tienes idea porque peude ser? desde ya gracias

    • @00barioner
      @00barioner ปีที่แล้ว

      pude ser que se deba a que no tienes agrupados los dos elementos, por por eso al hacerlo más pequeño solo afecta uno de los camponentes

  • @beticohernandez9536
    @beticohernandez9536 2 ปีที่แล้ว

    Trabajo en una empresa de desarrollo web los formularios de nuestro framework están muy feíto, ¿figma me puede ayudar a diseñarlos bien?
    Gracias.

  • @RicardoTorres-lt1ct
    @RicardoTorres-lt1ct ปีที่แล้ว

    Es genial esta opción, pero he intentado replicarla y al crear la interacción con "Change to", esta misma no se encuentra habilitada para usarse; sabes cómo podría activarla para empezar a usarla? gracias

  • @orlandoospino1866
    @orlandoospino1866 ปีที่แล้ว

    Buenos días, me regala el link de la librería para figma ?

  • @beticohernandez9536
    @beticohernandez9536 2 ปีที่แล้ว

    Hola, figma genera ese codigo para pasarlo a un editor?

  • @kiddow4357
    @kiddow4357 2 ปีที่แล้ว

    Quisiera saber como hacer inputs interactivos tambien

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

    Hola uxcristopher, no veo la liga del archivo 😢

  • @Jose-fi8tn
    @Jose-fi8tn ปีที่แล้ว

    Hola Cris.. no consigo el link del archivoi.. Saludos

  • @katerinsuarez3365
    @katerinsuarez3365 2 ปีที่แล้ว

    Estoy trabajando en un archivo con componentes interactivos y al momento de darle clic en presentación me sale este mensaje: "Esta página contiene componentes interactivos, pero la función está deshabilitada para este archivo. Los componentes interactivos no funcionarán correctamente en este prototipo." Y algunas funciones efectivamene no funcionan, sabes como puedo solucionarlo 😔

  • @celestequintana6948
    @celestequintana6948 8 หลายเดือนก่อน +1

    Aqui en 2023. Tremendo videoooo

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

      Hola Celeste 👋🏼
      Muchísimas gracias, si este contenido te gusta, te invito a ver mis cursos donde te enseñó temas más avanzados y te ayudó a profesionalizar tus conocimientos.
      Verás que te gustarán aún más. 😉
      Da clic aquí: www.uxcristopher.com/

  • @ronyhernandez9985
    @ronyhernandez9985 2 ปีที่แล้ว

    2 min y me desagradaste, 5min y me di cuenta que no me equivoque, termino el video y supe que fue primera y ultima visita en tu canal.
    Ah que soy una persona horrible, verdad?

    • @uxcristopher
      @uxcristopher  2 ปีที่แล้ว

      No se cual es el propósito de tu comentario.
      Pero eres libre de irte, no estás obligado a nada. 😉

  • @Santi-sk3bs
    @Santi-sk3bs ปีที่แล้ว

    los botones en mobile no funcionan igual que en web. No pueden ener hovers y estados porque uno no se maneja con una flecha lo hace con el dedo. No entiendo porque los hover, en mobile se hace click con el dedo y listo no hay estados de espera ni nada de eso.

    • @Santi-sk3bs
      @Santi-sk3bs ปีที่แล้ว

      Tendrías que explicar que los hovers son solo para web!

    • @uxcristopher
      @uxcristopher  ปีที่แล้ว

      En mobile no hay hover, pero si existen estados.

    • @uxcristopher
      @uxcristopher  ปีที่แล้ว

      Ojo aquí, porque las aplicaciones de Desktop también tienen Hovers "No solo las web". Estos temas los he explicado a lo largo de varios videos. 😉

  • @jezabeljakob7498
    @jezabeljakob7498 2 ปีที่แล้ว

    no me sale, copio y pego y no hace nada

    • @uxcristopher
      @uxcristopher  2 ปีที่แล้ว

      Hola 👋🏼
      ¿Qué cosa exactamente?:)

    • @jezabeljakob7498
      @jezabeljakob7498 2 ปีที่แล้ว +1

      @@uxcristopher el primer boton que seleccionas, lo coloco en el frame y no hace nada 😅

  • @user-cr5co2xc8b
    @user-cr5co2xc8b 10 หลายเดือนก่อน

    Hola! tengo una pregunta T.T cómo hago para que el botón funcione en el prototipo. Es decir que cuando lo "actives" aparezca un contenido en tu frame, y cuando lo "desactives" aparezca otro contenido en tu frame, etc.
    Soy nueva en Figma :(