Este es al trabajo para un cliente actual
 en Startups
Toma el Curso de Sistemas de Diseño con Storybook
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.
Antes: $249
$209
Paga en 4 cuotas sin intereses
Termina en:
14 Días
5 Hrs
15 Min
4 Seg
Guía de Colores en Figma
11/26Recursos
Aportes 15
Preguntas 2
Ordenar por:
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.
Este es el trabajo que actualmente estoy desarrollando
Veo que muchos no encuentran el recurso. Aquí se los dejo: <https://m2.material.io/design/color/the-color-system.html#tools-for-picking-colors>
**Les recomiendo un complemento de Figma llamado "Foundation: Color Generator".** Este complemento te permite:
* **Visualizar las escalas de color y verificar si cumplen con los valores de contraste.**
* **Agregar los estilos como tokens a tu proyecto sin necesidad de hacerlo manualmente.**
* **Seleccionar colores de acuerdo a varios sistemas de diseño, como Atlassian, Material Design, Material y Orbit.**
**Beneficios de usar Foundation: Color Generator:**
* **Ahorra tiempo y esfuerzo al crear y gestionar paletas de colores.**
* **Garantiza la accesibilidad y el contraste adecuado en tus diseños.**
* **Mantiene la coherencia visual en tu proyecto.**
* **Facilita la colaboración entre los miembros del equipo.**
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.
¡Para elegir color!:
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: <https://www.figma.com/community/plugin/1242548152689430610/tailwind-css-color-generator> ![]()
<https://www.materialpalette.com/colors> 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
Recursos para colores con Material Design:
https://m3.material.io/styles/color/overview
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?