Tokens de color en Figma con Material Design
Contenido del curso
DATO: Nunca utilizar el Valor Negro puro en las interfaces, generalmente se utiliza el gris mas oscuro. Esto es para no generar sobrecarga cognitiva en el usuario.
Por si no encuentrna el color picker the material design: https://m2.material.io/design/color/the-color-system.html#tools-for-picking-colors
https://colorhunt.co/ Esta pagina también podría ayudar para escoger la paleta de colores.
Veo que muchos no encuentran el recurso. Aquí se los dejo:
Este es al trabajo para un cliente actual 
Hola, yo utilizo el plugin Tailwind CSS Color Generator, me gusta porque crea las variantes y le asigna un nombre a la escala de color c:
Este es el trabajo que actualmente estoy desarrollando
Les recomiendo un complemento de Figma llamado "Foundation: Color Generator". Este complemento te permite:
Beneficios de usar Foundation: Color Generator:
que herramientas se usan en este video?
Master, te comparto
¿Porqué los tokens le escribe con $ adelante?
Dos o tres clases atras explica que lo hace por que está acosutmbrada a trabajr con su equipo que usaba una libreria de css que se llama sass y ahi el $ se usaba para las variables entonces era más facil usarlo o como practca pero en realidad tu puedes usar la nomenclatura que mejor te acomode.
La pagina para escoger los colores de 50, 300 y 600 no está disponible. ¿Qué otra alternativa hay para poder sacar las 3 variaciones?
Revisa esto como alternativa. Customizing Colors - Tailwind
¿Sabes como poder sacar las variaciones de colores que yo escoja, y no solo de los colores que ya vienen por defecto e la pagina?
Para ser más rápidos en Figma se puede usar
👉 Presionado alt movemos el elemento para clonarlo. 👉 Presionando f podemos dibujar un frame. 👉Usar autolayout para no estar alineando al tanteo los elementos.
talvez ayude este
Esta clase se complementa muy bien con varias otras que están en los cursos de "Accesibilidad Web", "Figma: Prototipado e Interfaces" y "Figma: Técnicas Avanzadas de Diseño".
Acá mi trabajo terminado, ya con colores elegidos y probados
con shift + teclas direccionales mueves objetos más rápido. en windows
