Espaciado y elevación con tokens en Figma
Contenido del curso
Daniel Peralta
Anggi Vanesa Pallares Solis
Martin Coronel
Jhoana España Urresty
Encarnación Cituk
Eduardo Hernández Domínguez
Patrick Jhonatan Hernandez Blanco
Ester Sarai Galvez V.
Daniela Cobos
Libertad Pillman
Así quedó con un poco de documentación.
✅✅✅Les recomiemdo estos link para guia de los espaciado. ✅✅✅ ✅https://atlassian.design/foundations/spacin ✅https://polaris.shopify.com/design/space#space-scale ✅https://carbondesignsystem.com/guidelines/spacing/overview/
Angie! muchas gracias por estas recomendaciones, muy utiles!!
Muy interesante el curso, una duda que tengo es... cómo se genera un design sistem partiendo de una librería de UI en este caso vuetify, teniendo en cuanta q estas librerías ya tienen unos espaciados, grids, tamaños de fuentes ya definidos, como los acoplo a mi proyecto?
Podrías tomar algo como este: https://www.figma.com/community/file/975810115780252531 Revisas los elementos que te son útiles, los puedes copiar y pasarlos a tu proyecto. Porque de ahí tomar todo, si es demasiado.
Para que sirve el REM VALUE? alguien le entiende :c?
hasta donde entiendo es para el proceso de handoff, pq los dev necesitan saber el REM, no el px
REM es una medida relativa a la original (raíz) esto permite manejar mejor el responsive o al menos a mí que soy desarrollador y diseñador me lo facilitan demasiado, en pocas palabras es como una variable para las medidas, es decir si defines:
1rem = 26px.
Entonces:
1.5rem = 39
cómo creo el sistema de diseño para los espaciados?
:/
