Crea componentes más flexibles y potentes en Figma usando “slots”

[@soy.pauvolk]

Raúl, sos un genio! me estallaste la mente con este video. Gracias por compartir información tan útil para quienes trabajamos de esto. (y se valora infinitamente que sea en español)

[@RaulMarin_Figma]

Gracias a ti por verlos y por el feedback 🤗

[@GERIMAGE6]

Buen recurso! A ver si lo introduzco en mis futuros diseño. Gracias por el aporte como siempre.

[@RaulMarin_Figma]

Gracias a ti!

[@pedromrgluum2322]

Hola Raúl, gracias por el video. Quería preguntarte si esta metodología slot queda obsoleta con los components propierty ? o se puede seguir usando?

[@RaulMarin_Figma]

Hola Pedro, pues en principio sigue siendo completamente utilizable con las properties. Creo que incluso la combinación de ambas utilidades puedes ser una gran opción de versatilidad según el caso. 👍 Depende un poco de la complejidad de esos componentes...

[@oxk4r01]

Hola. Hay alguna diferencia entre usar esta técnica y la opción swap instance del panel de diseño?

[@RaulMarin_Figma]

Hola Óscar, el concepto de slots es en realidad el mismo, pero para elementos más complejos, es una manera de estructurar los componentes de forma que agilice ese swap de instancias y lo haga más productivo. Pero como bien dices la esencia es la misma. 👍

[@oxk4r01]

@@RaulMarin_Figma Entonces, podríamos decir que básicamente esta técnica consiste en anidar un componente en otro para que la opción swap esté disponible en sus instancias?

[@davidgonzalez7321]

Qué buen contenido, en cuanto llegue a casa, abro Figma y a probar este concepto, que es nuevo para mí!

[@RaulMarin_Figma]

Genial David ;)

[@simoncastano_]

Wow esta asombroso podría cambiar bastante el modo de trabajo que tengo actualmente yo ponía casi todo manual y solo para el prototipo usaba las variants ahora solo con crear slots puedo hacer el desktop y Mobile mucho mas rápido

[@RaulMarin_Figma]

Me alegro mucho Simón, gracias por el feedback! ;)

[@matthewvogas]

Grande Raúl, con un poco de creatividad se pueden hacer cosas geniales usando Slots. Podrías subir los archivos a la comunidad Raúl?

[@RaulMarin_Figma]

Hola Mattheo, ya está subido a la Comunidad. ;) www.figma.com/community/file/1073128500877367292/Slots-%C2%BFqu%C3%A9-son%3F

[@1AlexanderTripp]

@@RaulMarin_Figma Muchas gracias por compartir el contenido 🙏✨

[@ematoma91]

Raúl, como siempre son de gran ayuda tus videos, soy fan tuyo. Tengo una pregunta, ¿existe un plug-in donde puedas guardar medidas y así estandarizar cada vez que crees un nuevo componente sin la necesidad de acudir al grid de tu pantalla principal?, creo que sería de mucha ayuda, aunque si tú tienes una forma mejor de trabajar me encantaría leerte

[@RaulMarin_Figma]

Hola Emmanuel, gracias por el feedback ;). No entiendo del todo la pregunta que me haces ¿te refieres a guardar las distancias al posicionar sobre las pantallas elementos o a poder almacenar valores de padding, bordes etc. para nuevos componentes?

[@ematoma91]

@@RaulMarin_Figma Más bien, guardar width y height, cuando trabajo en un componente olvido la medida en la que estoy trabajando o la hago de un px más o menos; pero también suena genial lo de padding y borders aunque eso lo tengo más controlado

[@RaulMarin_Figma]

@@ematoma91 No conozco algo exactamente así, hay algunos plugins que podrían hacer tareas concretas... "Copy waste more", copia propiedades de otros elementos y cosas así... Pero no se si funcionan muy bien, si me entero de algo voy comentando ;)

[@xyuriko6163]

Tío siempre das buenos tips 😉

[@RaulMarin_Figma]

Gracias por el apoyo! 😉