Por fin un tutorial rápido preciso y sin tanto rollo, muchas gracias por tu aportación, solo una sugerencia ¿Será posible que en pantalla pongas la secuencia de teclas que usas para crear el frame? para los novatos puede servir mucho. Excelente contenido ⭐⭐⭐⭐⭐
Hola, gracias por el video me ha ayudado, sin embargo con el ultimo cambio en la interfaz de figma y por fin encontre la instancia, me genera un error "not use within components" cuando intengo agregar la propiedad de iconos. Ahora no se que hacer 🤥, buscando hablan de nested instances pero la verdad no he podido entender la solución. No se si me hago entender, acaso has presentado algo parecido ?
Hola StrOr, ante todo gracias por comentar! Te cuento, mi primera recomendación es que dejes de usar el UI3 de Figma, aún está en fase beta y no funciona muy bien. Respecto a tus dudas sobre las nested instances, me es muy difícil saber qué es lo que te está pasando. Lo que te sugiero es compartir tu pantalla o tu archivo conmigo para que lo pueda analizar y darte una solución. Te invito a unirte a la comunidad de UX y UI fácil que tenemos en Discord www.juanpol.com/discord Desde allí te podremos ayudar y dar con una solución.
Hola que buen video, una pregunta cómo hago para que dentro del mismo componente (cuadro punteado) todas las variables tengan iconos diferentes, solo me deja cambiarlo cuando duplico el icono y lo saco del recuadro punteado. Gracias
Felipe, la respuesta a tu pregunta es muy simple. En lugar de crear 3 componentes Icon distintos, crea un componente Icon con variantes, cada una de esas variantes será un icono distinto. Luego haces lo mismo, dentro del componente Icon pones una cadena de texto y un componente Icon. Listo! Si tienes más dudas avísame.
Tengo una pregunta... Agradezco la ayuda Juanpol, El ícono en Assets está color negro, pero cuando cambio el estado del botón en propiedades no me cambia a blanco o al color que tengo en la variante.
Gabriel, ese cambio no es "automático" 👉 Recarga la pestaña o tabs del archivo, (en Figma) y el componente aparecerá en la pestaña de Assets con tu nuevo color 😀
Lucía, pregunta obligada... tienes que diseñarlo o diseñarlo y crear un prototipo interactivo? Como siempre digo, con más información y especificaciones, siempre se puede responder mejor.
¿Amigo puedes explicar como funciona el reset componente state de prototype? No sé si sea un bug pero se corta la animación. Mira, haz lo siguiente: 1. Crea un componente de boton de icono(buscar) : enabled y hover (agrega la animación) 2. Crea un componente de un boton en específico (icono guardar sin y con relleno): default y active (agrega animación) 3. Agrega el boton guardar en un componente de card. 4. Crea la instancia card y Visualiza la interacción. Problema: el icono guardar pasa a icono con relleno, y de icono de relleno pasa a icono de buscar. Ayudame porfa :(
Franco, ante todo te doy la bienvenida al canal y te doy las gracias por dejar este comentario tan interesante. Me apunto tu petición para probar tu caso e intentar resolverlo en uno s delos directos que haré la semana que viene. Sigue atento por favor.
Te pido más información, porque leyendo tu comentario creo que no es un bug de Figma lo que pasa, sino que la construcción que estás aplicando es incorrecta. Pero claro, sólo es una conjetura, por eso te pido que compartas tu archivo de Figma, para terminar de saber cómo lo estás construyendo. Gracias.
Franco, aquí te dejo un link a un pequeño prototipo que monté: www.figma.com/proto/UNz7rxd8Nb61GClFfsJEa7/Reset-component-state?page-id=0%3A1&type=design&node-id=1-32&viewport=-489%2C-50%2C1&t=MUxG9Qe8lT7U4K2o-1&scaling=min-zoom&mode=design Dime si quieres obtener un resultado como este.
Hola, no me funciono tu tutorial. Estoy estancado en la parte donde creo la propiedad Texto, uso figma en diciembre del 2023. Cuando selecciono los textos, no me aparece donde crear la propiedad asi como lo muestras en tu video. Si pudieras aclararlo seria de mucha ayuda por que parece que tu guia no se muestra de la forma en como tengo el figma actualmente. Saludos.
Hola David, ante todo gracias por dejar tu inquietud. Hoy revisaré lo que comentas en un vídeo en directo en el canal. Estaré conectado a las 23:30 hs de España. Saludos.
¡Hola! En la última actualización de Figma (agosto 2024), esta opción está al final de las opciones de Texto, en la barra de propiedades. Aparece un input y la palabra Property. Saludos
Gracias por dejar tu comentario Iván! Si quieres saber los "cómos" de los puntos que comentas, te invito a mirar muchos de los otros vídeos que he publicado en el canal. Encontrarás esa información muchas veces repetida 😁
Por fin un tutorial rápido preciso y sin tanto rollo, muchas gracias por tu aportación, solo una sugerencia ¿Será posible que en pantalla pongas la secuencia de teclas que usas para crear el frame? para los novatos puede servir mucho. Excelente contenido ⭐⭐⭐⭐⭐
Gracias por tu comentario! tomo nota de tu feedback para aplicarlo en próximos vídeos.
Muy efectivo, me ayudó bastante, muchas gracias 😀
Muchas gracias a ti Mel!
Muy bien explicado me has salvado
Muchas gracias Max, qué te estaba pasando? Por que dices que te he salvado? cuéntame!
era lo que estaba buscando, mil gracias!
Gracias a ti Osmarly!
MUCHISIMAS GRACIAS
Gracias a ti Antonella!
gracias, muy útil
Muchas gracias a ti Alberto!
Sos un genio juanpol
Gracias Agustín, soy más bien alguien con ganas de aprender y compartir.
Hola, gracias por el video me ha ayudado, sin embargo con el ultimo cambio en la interfaz de figma y por fin encontre la instancia, me genera un error "not use within components" cuando intengo agregar la propiedad de iconos. Ahora no se que hacer 🤥, buscando hablan de nested instances pero la verdad no he podido entender la solución. No se si me hago entender, acaso has presentado algo parecido ?
Hola StrOr, ante todo gracias por comentar!
Te cuento, mi primera recomendación es que dejes de usar el UI3 de Figma, aún está en fase beta y no funciona muy bien.
Respecto a tus dudas sobre las nested instances, me es muy difícil saber qué es lo que te está pasando. Lo que te sugiero es compartir tu pantalla o tu archivo conmigo para que lo pueda analizar y darte una solución.
Te invito a unirte a la comunidad de UX y UI fácil que tenemos en Discord www.juanpol.com/discord
Desde allí te podremos ayudar y dar con una solución.
Muy bueno!! gracias
Muchas gracias a ti Bendi!
Buenísimo contenido, muchas gracias 💖
Muchas gracias Josue!
profesional!
Gracias Daniel!
Hola que buen video, una pregunta cómo hago para que dentro del mismo componente (cuadro punteado) todas las variables tengan iconos diferentes, solo me deja cambiarlo cuando duplico el icono y lo saco del recuadro punteado. Gracias
Felipe, la respuesta a tu pregunta es muy simple.
En lugar de crear 3 componentes Icon distintos, crea un componente Icon con variantes, cada una de esas variantes será un icono distinto.
Luego haces lo mismo, dentro del componente Icon pones una cadena de texto y un componente Icon.
Listo!
Si tienes más dudas avísame.
Tengo una pregunta... Agradezco la ayuda Juanpol, El ícono en Assets está color negro, pero cuando cambio el estado del botón en propiedades no me cambia a blanco o al color que tengo en la variante.
Gabriel, ese cambio no es "automático" 👉 Recarga la pestaña o tabs del archivo, (en Figma) y el componente aparecerá en la pestaña de Assets con tu nuevo color 😀
Holas Juanpol! Necesito hacer un calendario interactivo para reservar turnos. Me podrías ayudar x favor?
Lucía, pregunta obligada... tienes que diseñarlo o diseñarlo y crear un prototipo interactivo? Como siempre digo, con más información y especificaciones, siempre se puede responder mejor.
Te podrá valer este plugin? www.figma.com/community/plugin/1074589183210985644/calendar-generator
acabo de terminar ayer el curso de diseño ux/ui y m pidieron hacer una app para reservar turnos para manicura.
@@juanpoldi espero q si! Gracias! Nose inglés. Espero se entienda bien igual
Echa un ojo al plugin y si necesitas ayuda avísame.
Crack
Muchas gracias Maxi!
¿Amigo puedes explicar como funciona el reset componente state de prototype? No sé si sea un bug pero se corta la animación. Mira, haz lo siguiente:
1. Crea un componente de boton de icono(buscar) : enabled y hover (agrega la animación)
2. Crea un componente de un boton en específico (icono guardar sin y con relleno): default y active (agrega animación)
3. Agrega el boton guardar en un componente de card.
4. Crea la instancia card y Visualiza la interacción.
Problema: el icono guardar pasa a icono con relleno, y de icono de relleno pasa a icono de buscar.
Ayudame porfa :(
Franco, ante todo te doy la bienvenida al canal y te doy las gracias por dejar este comentario tan interesante. Me apunto tu petición para probar tu caso e intentar resolverlo en uno s delos directos que haré la semana que viene. Sigue atento por favor.
Franco, para poder terminar de entender tu inquietud necesito ver tu diseño, puedes compartir el link al mismo respondiendo este comentario? Gracias!
Te pido más información, porque leyendo tu comentario creo que no es un bug de Figma lo que pasa, sino que la construcción que estás aplicando es incorrecta. Pero claro, sólo es una conjetura, por eso te pido que compartas tu archivo de Figma, para terminar de saber cómo lo estás construyendo. Gracias.
Franco, aquí te dejo un link a un pequeño prototipo que monté: www.figma.com/proto/UNz7rxd8Nb61GClFfsJEa7/Reset-component-state?page-id=0%3A1&type=design&node-id=1-32&viewport=-489%2C-50%2C1&t=MUxG9Qe8lT7U4K2o-1&scaling=min-zoom&mode=design
Dime si quieres obtener un resultado como este.
@@juanpoldi Gracias por responder.
www.figma.com/file/DUmfzkBRhBH9ezsBuPwBcn/Duda?type=design&node-id=0%3A1&mode=design&t=XTHYxsj27kNIMnx5-1
Hola, no me funciono tu tutorial. Estoy estancado en la parte donde creo la propiedad Texto, uso figma en diciembre del 2023. Cuando selecciono los textos, no me aparece donde crear la propiedad asi como lo muestras en tu video. Si pudieras aclararlo seria de mucha ayuda por que parece que tu guia no se muestra de la forma en como tengo el figma actualmente. Saludos.
Hola David, ante todo gracias por dejar tu inquietud. Hoy revisaré lo que comentas en un vídeo en directo en el canal. Estaré conectado a las 23:30 hs de España. Saludos.
¡Hola! En la última actualización de Figma (agosto 2024), esta opción está al final de las opciones de Texto, en la barra de propiedades. Aparece un input y la palabra Property. Saludos
No explica como hacer el autolayout, tampoco explica como lo vuelve componente y tampoco como saca las variantes...es poco explicativo
Gracias por dejar tu comentario Iván!
Si quieres saber los "cómos" de los puntos que comentas, te invito a mirar muchos de los otros vídeos que he publicado en el canal. Encontrarás esa información muchas veces repetida 😁