Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Figma

Los 5 mejores plugins de Figma para el manejo del color

by
Length:ShortLanguages:

Spanish (Español) translation by Carlos (you can also view the original English article)

En esta publicación veremos los que, a mi parecer, son los 5 mejores plugins de gestión de color para Figma.

He evaluado todos los plugins que Figma tiene actualmente para el manejo del color, y creo que estos son los que más te ayudarán en tu trabajo. Si no has trabajado antes con los plugins de Figma, echa un vistazo al final de esta sugerencia rápida para obtener instrucciones sobre cómo instalarlos y utilizarlos:

Video: 5 plugins para la gestión del color

En este video, te mostraré cada uno de los 5 mejores plugins que he seleccionado, explicando cómo te harán la vida más sencilla y demostrando cómo utilizarlos.

Aquí tienes un resumen rápido de los plugins junto a una breve explicación.

1. uiGradients

Publicado por: Kamal Nayan

uiGradients es un brillante plugin de Figma. Hace que sea realmente fácil navegar a través de una biblioteca de degradados pre-creados y aplicarlos a cualquier elemento que tengas en tu diseño.

uiGradients figma plugin

2. Image Palette

Publicado por: Matt DesLaurier

El segundo plugin de Figma en nuestra lista es Image Palette. Este plugin utiliza cualquier imagen que selecciones y genera una paleta de colores a partir de él. Realmente existen algunas alternativas a Image Palette, otros plugins que hacen lo mismo de una manera ligeramente diferente, pero para mí, Image Palette es la mejor.

Image Palette figma plugin

Extra: Unsplash

Publicado por: Unsplash

Como una pequeña nota al margen, el plugin Unsplash para Figma es el plugin perfecto para Image Palette. Úsalo para aprovechar imágenes gratuitas e insertarlas sin esfuerzo en tus diseños. Una vez que una imagen esté en tu lienzo, ¡utiliza Image Palette para extraer los colores de ella y emplearlos en tu diseño!

Unsplash figma plugin

3. Color Designer

Publicado por: Wojciech Banaś

Color Designer es un plugin que te ayuda a eliminar muchas suposiciones de la gestión del color. Selecciona tu color base y luego deja que Color Designer sugiera tintes (variantes de tu color con blanco agregado), sombras (variantes de tu color con negro agregado) y otros colores que armonizarán con tu base de acuerdo con varios tipos de teoría del color.

Color Designer figma plugin

4. Color Contrast Checker

Publicado por: Tiffany Chen

Este plugin para Figma te ayuda a garantizar que tengas suficiente contraste entre tu primer plano (específicamente el texto) y tu fondo. Esto es vital para la accesibilidad. Los usuarios pueden experimentar todo tipo de discapacidad visual y sin una herramienta para verificar tus diseños puede ser difícil saber cómo les irá con tu trabajo.

Color Contrast Checker no solo te advierte sobre combinaciones que no cumplen con los requisitos de accesibilidad, sino que sus herramientas también te ayudan a crear combinaciones que sí lo hacen.

Color Contrast Checker figma plugin

Para obtener más detalles sobre los tipos de dificultades visuales que los usuarios pueden tener con tus diseños, revisa esta guía completa:

5. Color Blind

Publicado por: Sam Mason de Caires

El último plugin para la gestión de color en nuestra lista es Color Blind; un plugin para Figma que funciona muy bien con Color Contrast Checker. Toma los colores que estás usando en tu diseño y te muestra cómo los usuarios con diversos tipos de daltonismo podrían experimentarlos.

Si disculpas el juego de palabras, puede ser una verdadera revelación saber cómo podrían ver tus diseños los demás, y definitivamente te hará pensar de forma diferente sobre las paletas de colores que utilizas.

Color Blind figma plugin

Conclusión

Los plugins de Figma no tienen mucho tiempo de existir, ¡pero ya hay un gran catálogo de plugins disponibles! Te recomiendo que instales los plugins de gestión de color que te he mostrado aquí. ¡Espero escuchar tus experiencias con ellos!

Aprende los fundamentos de Figma

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.