Figma Tutorial - Cómo crear y utilizar las variantes

Поделиться
HTML-код
  • Опубликовано: 11 дек 2024

Комментарии • 64

  • @leticiaguastoni2332
    @leticiaguastoni2332 3 года назад

    nO SABÉS CUÁNTO BUSQUÉ ESTOOOOO. SUPER SENCILLA LA EXPLICACION, SOS LO MASSSS¡¡¡¡¡¡

  • @josealcides100
    @josealcides100 4 года назад +18

    Si, por favor haz lo necesario para aprender un Sistema de diseño

  • @danielacabrera4995
    @danielacabrera4995 4 года назад +18

    Hola, si por favor! Una serie de sistema de diseño sería genial!

  • @adhuc
    @adhuc 4 года назад +3

    Nooo mam....ssss 😱😱😱😱😱😱😱 Mil graciasssssss! Tus videos son ultra ruleeeessss

  • @cintiarobles4862
    @cintiarobles4862 2 года назад

    Gracias amigoooo! me estaba volviendo loca! jajaj estoy aprendiendo a usar figma y era lo q necesitaba! esta comunidad del bien! es todo lo q esta bien

  • @chiknice100
    @chiknice100 2 года назад +1

    Muchas gracias por tu aporte. Entiendo muy bien tú manera tan natural de explicar de manera fácil y efectiva 👏🏼

    • @uxcristopher
      @uxcristopher  2 года назад

      Qué genial Yeisy, gracias por tu apoyo.

  • @nicolasmarrone8568
    @nicolasmarrone8568 3 года назад +2

    Hola Cris! Buenisimo el aporte, justo vi la actualización y me puse a probarlo, me vine al video para entenderlo un poco mejor. Me encantaría ver los videos de Design Sistem

  • @uxyorkis
    @uxyorkis 4 года назад +1

    Estoy súper emocionado , creo que esto dará pie a los estados de componentes tal y como los hay en adobe XD

  • @florenciasalgado8930
    @florenciasalgado8930 3 года назад +2

    Excelente!! Vamos por el sistema de diseño!

  • @lautaroleonhardt2600
    @lautaroleonhardt2600 4 года назад +1

    Todos tus videos sobre Figma me han resultado de enorme utilidad. Me encantaría un video sobre sistemas de diseño

  • @jhonedwar4783
    @jhonedwar4783 4 года назад +2

    Hola Cristopher, gracias por el video y los contenidos de tu canal, venia a apoyar la idea de una serie con el tema sistema de diseño !! estaría muy bueno

  • @julireynoso5043
    @julireynoso5043 3 года назад +1

    un fuertisimo like y cariños a vos Cris, me salvas siempre las papas. gracias

  • @anamontes6609
    @anamontes6609 4 года назад +2

    Un video genial! espero tus videos de sistemas de diseño. Enhorabuena por tus videos!

  • @Jordan-vb6ze
    @Jordan-vb6ze 4 года назад +5

    Gran video! sería genial abordar en un par de videos acerca del sistema de diseño, si es desde 0 sería mejor jeje

  • @tomasviollaz882
    @tomasviollaz882 4 года назад +1

    Genio, me suscribí, seguí así

  • @ainirivargas1344
    @ainirivargas1344 3 года назад +2

    Si haz el vídeo de sistema de diseño!

  • @diegoherrera462
    @diegoherrera462 3 года назад +1

    muy buen video, gracias!

  • @GenerandoDineroOnline
    @GenerandoDineroOnline 4 года назад +2

    Muchas Gracias Cristopher! como siempre :-O genial la explicación .

  • @christiangomez6653
    @christiangomez6653 3 года назад +2

    Gracias

  • @mabelalzamora4946
    @mabelalzamora4946 2 года назад +1

    Hola Cristopher, una gran consulta por favor. ¿Los estados del botón en sí para qué situaciones se utilizan? por favor. Asimismo, puedo observar que en el vídeo los estados focus y hover son iguales, no noto la diferencia en color u opacidad, en ese caso ¿Para qué casuísticas se usarían?, por favor
    Muchas gracias, aquí me sumo a tu comunidad. Saludos.

  • @TheSlater08
    @TheSlater08 3 года назад +4

    También me gustaría también aprender un sistema de diseño. =D

  • @Kevin-nb6og
    @Kevin-nb6og День назад +1

    una consulta y si uso esas vaiantes como puedo aplicar a mi diseño con prototipos? seria genial un video relacionado con eso

    • @uxcristopher
      @uxcristopher  19 часов назад

      Hola, aquí te los enseño a detalle: www.uxcristopher.com/cursos/curso-de-prototipado-y-animacion-en-figma

  • @naomiperez4574
    @naomiperez4574 3 года назад +2

    gracias T_T es bellísimo

  • @jkwilches
    @jkwilches 4 года назад +2

    Tengo una duda de como usar las variables para prototipar los estados hover de los botones. ¿Cómo sería eso?

  • @AthynaCrochet
    @AthynaCrochet 3 года назад +1

    Hola, quizás ya lo hiciste pero no encuentro el video. Quisiera hacer una animación para que se completen datos al prototipar (como si se fuera escribiendo solo). ¿Tendrías algo de eso?

  • @carolinavalls2974
    @carolinavalls2974 4 года назад +3

    Hola Cristopher! Hay alguna manera de animar las variantes? Quiero hacer una lista de checkboxes donde se puedan tildar varias al mimo momento y después pulsar "continuar". Probé con open overlay pero mientras está el overlay no se puede cliquear por fuera (excepto que ponga que se cierre el overlay con click afuera)

  • @neferromero4964
    @neferromero4964 3 года назад +2

    Hola Cristopher, me gustan mucho tus videos, ayudan muchisimo.
    Me encantaría aprender a construir el sistema de diseño desde cero
    ¿ Cuando sale ese video?

    • @uxcristopher
      @uxcristopher  3 года назад

      Lo he estado preparando, debido a la complejidad del tema aún sigo buscando la manera de hacerlo más fácil;)
      Pero cuando se venga estará muy completo;)

  • @Isaaccreativo
    @Isaaccreativo Год назад

    ¿Qué opinas de Figma vs Sketch?

  • @usuariodeyoutubexd430
    @usuariodeyoutubexd430 4 года назад +2

    wao buen canal, una consulta, cuando estuve probando el modo prototipo, al darle play la pantalla como que se desconfigura es decir todos los elementos se mueven, me pasa con mesas de trabajo que creo yo y con plantillas de comunidad, tendra algo que ver con que estoy usando windows 7 y que lo este trabajando desde web y no desde el programa?

    • @adhuc
      @adhuc 4 года назад +1

      Siento decirte que vete preparando porque necesitas cambiar el sistema porque ahora muchos programas presentan problemas. aún no lo pruebo te avisaré si tengo ese problema

    • @uxcristopher
      @uxcristopher  4 года назад

      Depende más el si lo estás dejando con o sin posición fix, podría ser algo muy sencillo cómo eso o podría ser le version de sistema operativo. Habría que darle una buena revisión;)

  • @Lejobanale
    @Lejobanale 3 года назад +1

    Hola, y como mo editas el texto dentro del botón?

    • @uxcristopher
      @uxcristopher  3 года назад +1

      Hola👋🏼
      Deberas de crear una instancia y a esta le puedes cambiar los textos sin problemas.😉

    • @Lejobanale
      @Lejobanale 3 года назад

      @@uxcristopher disculpa mi ignorancia, no me quedó claro. Tienes algún video donde puede ver?

  • @pilarriush.9373
    @pilarriush.9373 2 года назад +1

    Hola, esta genial el video, muchas gracias. Una pregunta: De donde toma los nombres, por ejemplo deshabilitado, focus, etc. al momento que seleccionas todos los botones y los conviertes en una variante? De la nomenclatura consistente que tenias de los componentes? Por que de otra forma no sé como le hiciste. Gracias.

    • @uxcristopher
      @uxcristopher  2 года назад +1

      Muchísimas gracias:)
      De esta pagina los puedes sacar
      Página para mejorar en UX/UI gratis 👨🏽‍💻
      ruclips.net/user/shorts3UYgeo3Zyrc?feature=share

  • @Jusstito13
    @Jusstito13 2 года назад

    Porque le dice sistema de diseño al ui kit? El sistema de diseño implicaba los valores y no se qué más de la marca

  • @Hamtara
    @Hamtara 8 месяцев назад

    No me sale lo de variants al seleccionar elementos, solo me sale frame y luego directamente pasa a auto layout abajo 😢

  • @mariabelenfernandezsanchez1539
    @mariabelenfernandezsanchez1539 2 года назад

    Hola. Perdona es una pregunta de novata... para cambiar el icono de ese botón en una instancia no me deja copiar el nuevo y pegarlo en su lugar. Seguro que es algo sencillo pero soy incapaz de encontrarlo. Yo vengo de xd y no se si es por estar acostumbrada a otro programa pero seguramente me he encasquillado en lo más sencillo. Muchas gracias por los tutoriales, me estoy poniendo al día de xd muy rápido. Un saludo.

  • @karitoweb1
    @karitoweb1 3 года назад +1

    Hola!, ¿Pero aquí se pierde la herencia? eso fue lo que vi en otro video tuyo con la instancias y los botones

    • @uxcristopher
      @uxcristopher  3 года назад +1

      Dependerá mucho de cómo se construye el componente.
      Fácilmente se podría crear un componente main y todas las variantes vendrán de el. Un cambio en la variante main afectará a las demás.

    • @karitoweb1
      @karitoweb1 3 года назад +1

      @@uxcristopher Hola, tienes razón!! se agradece la respuesta y seguire viendo tus videos de figma estan excelentes, gracias

    • @uxcristopher
      @uxcristopher  3 года назад

      Muchísimas gracias ☺️

  • @ElBlogDeUnVago
    @ElBlogDeUnVago 3 года назад

    Como se prototipan las variantes? Faltó esa parte..

  • @EmmanuelReyna1985
    @EmmanuelReyna1985 3 года назад

    Creo te enfocas mucho en como era antes todo este proceso, en vez de ir a lo que interesa hoy en cómo aprender/solucionar este tipo de acción. Gracias por el video de todos modos

  • @Arturo27666
    @Arturo27666 3 года назад +1

    Los nombres de los estados los puedo poner en español o Figma tiene alguna relación especifica para su uso con los términos en inglés?

    • @uxcristopher
      @uxcristopher  3 года назад

      Puedes manejarlos en el idioma que desees 😉, no hay problema.

  • @katherineconde5950
    @katherineconde5950 9 месяцев назад

    Hola no veo el link del archivo para figma

    • @uxcristopher
      @uxcristopher  9 месяцев назад

      Hola, aquí te lo comparto: www.figma.com/community/file/903303571898472063/figma-variants-playground

  • @gamuro6977
    @gamuro6977 Год назад

    Cómo puedo hacer intercambiable el icono?

    • @uxcristopher
      @uxcristopher  Год назад +1

      Crea tus iconos dentro de una caja y utiliza la misma convención de nombres, después únelos cómo componentes interactivos. 😉

    • @gamuro6977
      @gamuro6977 Год назад

      @@uxcristopherlo que hice fue crear un auto layout con un texto y un icono y luego cree variantes con iconos diferentes, está bien? también agregué estado activo que sería con padding fill y border radius

  • @lacandonax
    @lacandonax 2 года назад

    Me hubiera gustado que empezaras desde cero porque no se si los elementos de adentro, son componentes ? es que soy nuevaaa

  • @GenerandoDineroOnline
    @GenerandoDineroOnline 4 года назад +4

    Me como los anuncios , ojala ayuden U.U ...

    • @uxcristopher
      @uxcristopher  4 года назад +1

      Jaja, muchas gracias me ayudan mucho en verdad 😊

  • @robertoferrer6432
    @robertoferrer6432 2 года назад

    Horrible tutorial

    • @uxcristopher
      @uxcristopher  2 года назад

      No se cual es el propósito de tu comentario, pero hay más canales.

  • @christiangomez6653
    @christiangomez6653 3 года назад +2

    También me gustaría también aprender un sistema de diseño. =D