Functional login in Figma | Tutorial for advanced prototypes

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ธ.ค. 2024

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

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

    Hola Xavi, felicitarte por esta playlist de tips, la verdad en cada video explicas muy bien y se aprende algo nuevo.
    Me parece muy interesante que figma haya incluido la manera de realizar interacciones. Solo que espero que en una actualizacion futura mejoren la entrada de los inputs, es un poco engorroso tener que hacer una condicional para cada caracter del teclado.
    En fin, eh aprendido mucho con otros videos tuyos ahora me siento más preparado para hacer mi prototipo para mi proyecto de grado, muchas gracias.

    • @mokkapp
      @mokkapp  6 หลายเดือนก่อน +1

      Muchas gracias! Es un honor saber que puedo ayudar en proyectos importantes, cualquier consulta no dudes en preguntar.
      En cuanto a lo de ir ejecutando una acción por cada tecla, si, es una tarea bastante tediosa... Yo creo que la semana que viene, en el Config, sacarán novedades de cara a mejorar el prototipado. a ver que tal.. Un saludo!! 👋🏽

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

    Excelente Video, grandes novedades tiene figma y gracias por compartir tus conocimientos

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

      Muchas gracias! 😄👋🏽

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

    Muy bien explicado!!

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

    Quiero mas videos como este. Pero usa keyboard de apple, animado que sale para abajo y sale para arriba. Y cerrar cuando haces on tap afuera

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

      Y poder seleccionar botones para enlazar en prototipar, que se puede tener desde el apple kit de figma

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

      Hola Axel!! Sin duda que lo haré!

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

    Hola hermano que tal! Primer vídeo tuyo que veo y esta genial, me estoy acoplando porque hoy active la cuenta a pro.
    Quería saber como le puedo hacer por ejemplo en el password, ingreso pero quiero que haya la opción de ese como ojito que al presionarlo vez la contraseña que ingresaste, y si no solo se ve "*********" o "xxxxxxx".
    Y para confirmar que he puesto bien la contraseña lo activo y veo lo que ingresé.
    Eso hermano por fa, de todos todos modos tengo algunas ideas de como hacerlo ya lo voy a intentar pero tu respuesta me ayudaría mucho.
    Saludos!!

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

      Buenas!! Qué tal? Una forma sencilla de de hacerlo es seleccionar dos estilos de tipogafía.. creo haber visto alguna fuente que todos sus caracteres pueden ser este tipo de signos. Entonces mediante un condicional puedes activar una fuente (la legible) y con el otro valor la no legible. Este evento lo puedes activar por ejemplo insertando los iconos de un ojo dentro del input. Ya me dirás si has podido hacerlo de esta manera o de otra. Un saludo!! 🫡

  • @arii529
    @arii529 4 หลายเดือนก่อน +1

    donde se descargan sus plugins?

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

      Los Plugins están todos en la comunidad de Figma. Si te refieres a los archivos de diseño del vídeo hay algunos que están también en mi perfil de la comunidad de Figma

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

      @@mokkapp y dónde encuentro la comunidad de figma

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

      Depende de si usas el navegador o la app de escritorio puedes tenerla en sitios diferentes.. pero el icono es como una globo del mundo. Si tienes dudas puedes mirar el capítulo 1 del curso de Figma que tienes en mi canal

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

    Me salió al final.
    Pero (cómo hago para borrar letras que escriba? Se debe prototipar para eso. No me deja.
    No me salió hacerlo con user name
    Hice todo lo mismo. Probe poner todo placeholder a crear una nueva "user name aabb" no resulto.

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

      También: Si escribo e password mal. "aa" al darle login al botón, vuelve a la palabra en rojo Password. (Eso debería aplicar una condicional)? No entiendo de eso.
      También cómo se hace que el icono cerrar vuelva a limpiar lo escrito.

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

      Para borrar las letras debes sobre escribir el valor de la variable con dos comillas: "" de ese modo lo vacías

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

    Ya vi los problemas que tenía mi input de user name.
    Ahora pude escribir en el.
    Lo que si cuando si hago click en cualquiera de los dos, escribo, y luego hago click en el otro, sigue activo. Debo darle click otra vez para desactivarlo
    Hay que agregarle otra interacción?
    No hay que cambiar lo que hiciste. Esta bien on click para el default? Por que si pones leave mouse, se desactiva al salir el cursor, y eso no ocurre en la realidad, además sería molesto en la experiencia.

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

      Si, tienes varias opciones para hacer esa interacción. En la realidad lo más habitual es que cuando clicas en cualquier otro lugar fuera del input en estado active, es que pasa de nuevo al estado default

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

    Hermano que tal, hice los pasos y la parte de ingresas las letras "a, b y c" todo bien.
    El problema que tengo es que la contraseña pongo una incorrecta por ejemplo "acbb" y la correcta es la del video "aabb", y pues no me sale el mensaje de error sino me manda directo a la de home, ya vi de nuevo el video y cambio, algunas cosas pero sigue sin funcionar :(

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

      Hola! Mira a ver si has aplicado bien el evento "Change to" para que te cambie el estado en lugar de acceder al espacio personal

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

    Das clases en vivo ?

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

      Próximamente si! 😉

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

    Muy buen tutorial. Pero eso de tener que indicarle letra por letra me chirria un poco jeje. Estaría bien que Figma te permita escribir sin tanto embrollo.

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

      Gracias! Vamos a ver qué saca Figma en este próximo Config 2024... Estoy seguro que mejoras en cuanto al prototipo avanzado y variables habrá 😉