Figma Plugin Uses LLMs to Generate Accessibility-First Color Palettes

AI · 4 min read

Figma Plugin Uses LLMs to Generate Accessibility-First Color Palettes

A small studio released an LLM-powered Figma plugin this month that generates complete color palettes with accessibility heuristics baked in, including WCAG AA/AAA contrast targets, simulated color-blind views, and contextual naming (e.g., ‘primary‑action-green–low‑saturation’). Instead of offering single hex suggestions, the plugin produces token-ready palettes and a short rationale for each choice, helping teams justify color decisions to product managers and legal teams.

Early adopters say the plugin shortens the feedback loop: designers can quickly generate multiple accessible options, preview them in component mockups, and export token files that match their design system format (JSON or style dictionary). The LLM also flags risky pairings — for instance, high‑saturation combinations that might meet numeric contrast but fail perceptually — and suggests safer alternates.

The studio emphasizes the plugin’s role as an assistant rather than an automated authority: it logs confidence scores, source signals (e.g., contrast checks, simulated vision results), and prompts for human verification. For design systems teams, this has become a time-saver when creating initial palettes, but organizations still run automated QA and user testing before pushing palettes into production.