Figma Tutorial - Cómo crear y utilizar las variantes

[@leticiaguastoni2332]

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

[@josealcides100]

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

[@danielacabrera4995]

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

[@chiknice100]

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

[@uxcristopher]

Qué genial Yeisy, gracias por tu apoyo.

[@adhuc]

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

[@nicolasmarrone8568]

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

[@cintiarobles4862]

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

[@florenciasalgado8930]

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

[@AthynaCrochet]

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?

[@mabelalzamora4946]

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.

[@uxyorkis]

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

[@ainirivargas1344]

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

[@lautaroleonhardt2600]

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

[@jhonedwar4783]

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

[@carolinavalls2974]

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)

[@anamontes6609]

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

[@uxcristopher]

Gracias 🤩

[@Jordan-vb6ze]

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

[@diegoherrera462]

muy buen video, gracias!

[@julireynoso5043]

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

[@uxcristopher]

Gracias! 😊

[@tomasviollaz882]

Genio, me suscribí, seguí así

[@TheSlater08]

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

[@christiangomez6653]

Gracias

[@pilarriush.9373]

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]

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

[@mariabelenfernandezsanchez1539]

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.

[@jkwilches]

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

[@usuariodeyoutubexd430]

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]

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]

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]

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

[@uxcristopher]

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

[@Lejobanale]

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

[@GenerandoDineroOnline]

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

[@uxcristopher]

Muchísimas gracias 😊

[@neferromero4964]

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]

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]

¿Qué opinas de Figma vs Sketch?

[@karitoweb1]

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

[@uxcristopher]

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]

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

[@uxcristopher]

Muchísimas gracias ☺️

[@Arturo27666]

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]

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

[@Jusstito13]

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

[@naomiperez4574]

gracias T_T es bellísimo

[@ElBlogDeUnVago]

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

[@lacandonax]

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

[@EmmanuelReyna1985]

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

[@Hamtara]

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

[@katherineconde5950]

Hola no veo el link del archivo para figma

[@uxcristopher]

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

[@gamuro6977]

Cómo puedo hacer intercambiable el icono?

[@uxcristopher]

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

[@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

[@GenerandoDineroOnline]

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

[@uxcristopher]

Jaja, muchas gracias me ayudan mucho en verdad 😊

[@robertoferrer6432]

Horrible tutorial

[@uxcristopher]

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

[@christiangomez6653]

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