En vivo en Figma Community

Paletta para Figma

Genera paletas OKLCH, verifica el contraste WCAG y envíalas a Figma Variables en un clic. Exporta código de producción sin salir de tu archivo.

Gratis · Funciona con Figma Variables · v1.0

The Paletta plugin in Figma: base colors on the left, 11-step OKLCH scales with contrast dots on the right, and a Create variables button.

Cómo funciona

De prompt a tokens de producción en tres pasos.

Con prompt o al azar. Cinco colores, nombrados con semántica.

Veredictos WCAG 2.2 en cada par de colores. APCA como lente perceptual.

El panel de Variables se actualiza al instante. Exporta CSS y Tailwind gratis, DTCG con Pro.

Hecho para design systems de producción

  • Figma Variables

    Envía cualquier paleta a Figma Variables en un clic. Los colores base son gratis. Las escalas de tonos (50 a 950) son una función Pro.

  • Lente de accesibilidad

    Verifica el contraste WCAG 2.2 en cada par de colores. Previsualiza tres tipos de visión del color gratis, cinco con Pro, sin salir de Figma.

  • Escalas de tonos OKLCH

    Escalas de tonos perceptualmente uniformes con luminosidad predecible. Sin cambio de matiz de HSL, sin deriva de darken() de Sass. Tu color queda exacto en el 500, y OKLCH espacia de forma uniforme los pasos por encima y por debajo. Una función Pro del plugin.

Construye más rápido con Paletta

Instala el plugin y luego usa Studio donde necesites el sistema completo.

Hecho por Andres Clavijo · Clavijo Studios LLC