Це відео не доступне.
Перепрошуємо.

Variants en Figma: Introducción

Поділитися
Вставка
  • Опубліковано 19 сер 2024
  • #figma #variants
    ¡Por fin llegó el día! Figma ha lanzado Variants y en este vídeo te enseño cómo funcionan. Con ellos podrás simplificar tus componentes y mezclarlo con estilos de capa, de texto y swap.
    Artículo completo: www.uifrommars...

КОМЕНТАРІ • 53

  • @alejandrocastroaraya2938
    @alejandrocastroaraya2938 3 місяці тому +1

    Tu video me salvo la vida ahora que estoy iniciando el estudio de UX

  • @hectormoralesfranco6850
    @hectormoralesfranco6850 7 місяців тому +1

    Buen video amiga

  • @MrAlexRot
    @MrAlexRot Рік тому +1

    Genial video!

  • @normansilva1097
    @normansilva1097 3 роки тому +1

    MUUUY BUENO!!, NO TE IMAGINAS LO QUE ME HAS AYUDADO!! MUCHAS GRACIAS!!

  • @jpcs8977
    @jpcs8977 2 роки тому +1

    Gracias!

  • @elhominido
    @elhominido Рік тому +1

    Muchas gracias por enseñarme Cris!

  • @miguelangelmontanezrojas141
    @miguelangelmontanezrojas141 2 роки тому +2

    De las mejores y más sencillas explicaciones. Espero más videos =)

  • @mafemantilla8663
    @mafemantilla8663 2 роки тому +1

    Gracias, explicas de forma clara y fácil de entender, de los mejores tutoriales sobre Figma en UA-cam.

  • @Sm0ke.0ne
    @Sm0ke.0ne 2 роки тому +1

    Muchas gracias por tus tutoriales. Estoy aprendiendo un montón con ellos. Muy bien explicados y con buen tempo.

    • @uiFromMars
      @uiFromMars  2 роки тому

      Me alegra leer esto, Sm0oke 0ne 🤘 ¡Gracias a ti!

  • @jofralogo
    @jofralogo 3 роки тому +3

    Estoy llorando! Ya era hora de que sacaran una cosa así.

  • @aurajohanna903
    @aurajohanna903 2 роки тому +1

    ¡Maravillosa explicación! Aclaraste mi mente.

  • @kokedesign5388
    @kokedesign5388 2 роки тому +1

    Muchas gracias!

  • @ayrtonbolwal
    @ayrtonbolwal 11 місяців тому +1

    Me encantó!

  • @eddabreu
    @eddabreu Рік тому +1

    Muchas gracias, muy buen video!
    😀

  • @Caoscina
    @Caoscina 2 роки тому +1

    muchas gracias! amo tu canal

  • @fali1978
    @fali1978 3 роки тому +1

    Gran turorial!!! Figma mode: ON

  • @davidgonzalez7321
    @davidgonzalez7321 2 роки тому +1

    Muy buenos vídeos, gracias por tu tiempo, otro suscriptor más!

  • @bendorgaming9430
    @bendorgaming9430 3 роки тому +1

    la mejor explicación en español ty

  • @Jordan-vb6ze
    @Jordan-vb6ze 3 роки тому +1

    Buenísimo tutorial!!

  • @gabrieltroncoso4578
    @gabrieltroncoso4578 Рік тому +1

    He venido por figma y no puedo dejar de mirar el cartel de Doctor Who jajajaja

    • @uiFromMars
      @uiFromMars  Рік тому

      Es una buena forma de cazar Whovians 😁🛸

  • @Crcolladoful
    @Crcolladoful 3 роки тому +1

    Muchas gracias!!

  • @SheylaBonilla
    @SheylaBonilla Рік тому +2

    Muchas gracias por compartir esto, se me hacia complicado comprender lo del ui kit, tengo la duda es si las formas pueden modificarse porque aveces el boton es muy grande y me modifica la mascara y no el interior, solo eso.

  • @leontiscar
    @leontiscar 3 роки тому +1

    Muy buena introducción! Echo en falta algo tipo "copiar formato", parece poco productivo tener que repetir los pasos cuando ya has dejado el formato... Pero claro, al ser tan fácil arrastrar y copiar... aún así creo, que cualquier pequeña mejora en automatizar te deja más tiempo para pensar y creatividad. Gracias por el vídeo!

    • @uiFromMars
      @uiFromMars  3 роки тому

      Tienes razón Alberto. Pero quería hacer la versión "sencilla" sin depender tanto de shortcuts. Igual tendría q hacer algún vídeo explicando los más básicos...

  • @user-ny6he4uq6l
    @user-ny6he4uq6l 7 місяців тому +1

    Hola, cómo sería cuando el botón lleva ícono y son muchos íconos?

  • @fernandocorona2650
    @fernandocorona2650 5 місяців тому +1

    como quito una variante
    o dejo de hacer que un componente sea una

  • @Zaccky
    @Zaccky 2 роки тому +2

    Como hago para cambiarle el nombre de "button" a algún nombre X y que las diferentes variantes del mismo también se cambien automáticamente al nombre X?

    • @uiFromMars
      @uiFromMars  2 роки тому +1

      Puedes cambiárselo directamente en el componente o incluso en la variante para que tenga un nombre más descriptivo. Simplemente haz doble clic encima del nombre ^^

    • @Zaccky
      @Zaccky 2 роки тому +1

      @@uiFromMars claro pero supongamos que tengo un input con animaciones y todas las animaciones son iguales pero con diferente texto en las variantes, pero quiero reutilizar la misma que cree, como cambiaría el estado de las variantes? O tengo que crear un nuevo componente?

    • @AlfredoFranciscoRamosArt
      @AlfredoFranciscoRamosArt 2 роки тому

      Hola Cris, gracias por el video, tengo el mismo problema me funciona las variantes del botón pero no cambia el texto, el texto se mantiene en default.. Saludos

  • @elfacuparede
    @elfacuparede 3 роки тому +2

    Hola Cris, muchas gracias por el video! Está súper bien explicado. Te consulto algo y si puedes responderme te agradecería, hay trabajos en los que tienes tamaños de botones fijos? Es decir, que no cambien según la palabra que tenga adentro y dependa del padding.. como por ejemplo botones de apps que tienen ancho fijo, en tales casos cómo configuras el autolayout? Saludos!

    • @uiFromMars
      @uiFromMars  3 роки тому +2

      ¡Hola Blas! Por lo general todos los botones los hago con auto layout, independientemente de que el contenido que vaya a poner dentro sea estático o con un ancho fijo. Nunca sé si variará en el futuro y es mejor tenerlo ya todo adaptado ^^

    • @elfacuparede
      @elfacuparede 3 роки тому

      Ok @@uiFromMars muchas gracias por responder! 😁

  • @patriciaserra8460
    @patriciaserra8460 3 роки тому

    Gracias x el video!! Muy bien explicado :)
    Usas un iPad con el pencil para trabajar ?

    • @uiFromMars
      @uiFromMars  3 роки тому +1

      ¡Hola Patricia! No, una Wacom :)

  •  3 роки тому

    Hola Cris viendo horas y horas de video de figma y quedé enganchado por la forma en que enseñas tan practica, tengo una duda, si quiero utilizar los botones o cualquier componente voy a los assets, hasta ahi todo bien, pero si lo quiero en otro proyecto igual me aparecen? esa parte quedo medio confundido, la idea es gastar mucho tiempo diseñando componentes pero que pueda utilizarlos en todos los proyectos, gracias.

    • @uiFromMars
      @uiFromMars  3 роки тому +1

      Para que aparezcan en otro proyecto tienes que crear una librería que puedas compartir entre archivos ^^

  • @ramirovillarroyacasinos7210
    @ramirovillarroyacasinos7210 2 роки тому +1

    Hola! hay una cosa que no acabo de entender y me estoy volviendo loco jeje.
    ¿Cómo se hace para que, una vez ya estén realizadas las variantes, se escalen desde el centro del botón y no desde la esquina superior izquierda?
    Lo he probado todo y no encuentro la forma de hacerlo.
    Muchas gracias y un video fantástico!

    • @uiFromMars
      @uiFromMars  2 роки тому

      ¡Hola Ramiro! Mírate el vídeo de Auto Layout, creo que resolverá tu duda:
      ua-cam.com/video/NmFV7uuSRpA/v-deo.html&lc=UgxCQCoOxw6g30I3fG54AaABAg

  • @jotage_08
    @jotage_08 Рік тому

    Hola como estás? Muy buenos tus videos! Te quería consultar si es posible hacer un carrusel de logos o imágenes infinito (autoplay) en Figma. Gracias!

    • @uiFromMars
      @uiFromMars  Рік тому

      ¡Gracias! 🚀
      Con los prototipos de Figma puedes hacer que cambien de un frame a otro cuando pasa X tiempo. Seguro que con eso puedes montar un loop de imágenes.

  • @vicopmiranda5751
    @vicopmiranda5751 2 роки тому +1

    Gracias !

  • @JekaSoruco
    @JekaSoruco 3 роки тому

    MI pregunta aquí sería - cómo se prototipa? es decir, si quiero hacer un prototipo en donde se demuestre el cambio del estado de un botón con un click, cómo se hace? gracias ^_^

    • @uiFromMars
      @uiFromMars  3 роки тому +3

      ¡Hola! Hasta donde sé, con prototipos tiene que realizarse de otro modo. Subiré un vídeo pronto :)