😱 Crea un Design System completo y a medida en 1 solo click
Вставка
- Опубліковано 22 лип 2024
- Repasamos el plugin de Figma Generate Design System Quickly que permite crear sistemas de diseño en minutos, configurando aspectos como colores, tipografía, espaciado, sombras y componentes.
- El plugin permite crear sistemas de diseño en un clic y guardarlos para su reutilización.
- Se pueden configurar colores primarios y secundarios, con la opción de agregar colores personalizados.
- Es posible elegir tipografías primarias y secundarias de Google Fonts, y personalizar estilos para diferentes breakpoints
- El plugin también ofrece opciones de espaciado, grids, sombras y componentes pre-configurados.
- Aunque no hace moléculas u organismos (sólo átomos), el plugin es útil como punto de partida para iniciar sistemas de diseño.
#Figma #sistema de diseño #designsystems
Genial
Wooow! Brutal..! Esto sí que supone un cambio de paradigma bastante interesante en lo que se refiere a arrancar un sistema de diseño. El diseñador sigue estando presente en el "cómo" lo quiere, pero está claro que la herramienta agiliza muchísimo el proceso para armarlo. 😅
Mil gracias Raúl por ser tan transparente y sincero con lo que se nos viene. Siempre a la última en todas las novedades! 🚀
Gracias a ti Jesús, siempre es guay leerte y ver qué tú también sigues al pie del cañón ;)
olv !
Tiene bastante buena pinta la verdad, voy a bichear.
Jolin para empezar esta genial.
Hola, por favor un video desde cero para aquellos que desee aprender a realizar un design system manualmente.
Hola Kathe, ups, pues sería genial pero eso en un vídeo corto no nos da para contarlo ... Por UA-cam hay algunos vídeos interesantes.
Espectacular Raul! Muchas gracias por tu super contenido!
Gracias a ti!
Impresionante Raul 🔝🔝🔝
Gracias a ti por comentar 😉 Pinta muy bien 👍
Super útil Raúl, muy buena pinta la verdad, gracias por compartir ;-)
Gracias a ti siempre Toni
Que locura!!
Total, 🫣
Wo Raul! Que pasada! Voy a probarlo ahora mismo. Pinta muy bien.
Sería genial poderlo hacer en dos pasos para poder anidar los átomos ya creados, pero será cuestión de tiempo.
Muchas gracias por traer siempre estas novedades!
Pinta muy bien y esperamos que mejore cuando salee la beta 😉
Una vez mas el proceso de horas se simplifica en segundos. Vamos a ver que nos depara este año la herramienta (un Config muy esperado) por que tienen que darle un empujón y quitarse de mini-updates. Gracias por compartir Raul!😘
A ver qué tal, porque para el Config queda muchooo... Y seguimos sin variables de tipografía jiji 😵💫
@@RaulMarin_Figma jjaja literal
Esta genial la herramienta he querido probarla pero me esta dando este error. "Export failed due to error in Color System page. Error message "Invalid color format"." ¿a alguien mas le esta pasando? ¿pudieron resolverlo?
A mi me pasa lo mismo, pudiste resolverlo?
No es mejor usar Material Design 3?
¿Has probado a llevártelo a Framer (todo o parte) ?
Prelude to end
Super! Para proyectos sencillos, gracias! Sabes dónde puedo conseguir componentes reutilizables ya sean gratis o de pago?
Hola! Pues aparte de loo UI Kits que hay en la Comunidad de Figma, tienes plugins como Figit (ua-cam.com/video/cVV1oVOTSdA/v-deo.html&ab_channel=Ra%C3%BAlMar%C3%ADn-Figmatraining) y páginas como esta (ua-cam.com/video/fkJ4v4lxNno/v-deo.html&ab_channel=Ra%C3%BAlMar%C3%ADn-Figmatraining)
¡Pero hablemos de lo importante! ¿Qué significa esa camiseta que llevas puesta? :)
Jaja, bueno es una camiseta que ya ha perdido un poco su mensaje... Es de cuando Adobe parece que iba a comprar Figma y luego no pudo ser... ;)
Matamecamión 😱😱😱 buenísimo!! Todo eso lo he hecho a manufli en el último proyecto 😅😅😅
Mil gracias, Máster, como siempre… 🫶🏻🫶🏻 por todo lo que traes fresquito y a la última.
Gracias a ti SIEMPRE
Pinta bien pero me mosquea eso de FREE BETA... Da pie a pensar que será una herramienta de pago en el futuro. Si es así espero que al menos tenga una capa gratuita.
Totalmente de acuerdo, a ver como avanza... Token Studio por ejemplo tiene un plan muy amplio free... crucemos los dedos 🤦
Amo tu camiseta pero los logos están al revés, Figma mató a Adobe jajaja
Jaja, es que mi camiseta se quedo anticuada... era de cuando Adobe iba a comprar Figma y luego no fue posible... 😂