KOLO
by Opeyemi Ajagbe
Design tokens from KOLO, native in Figma. No manual renaming.
Installs
2
Likes
2
Users
3
Views
9
Preview
About this plugin
KOLO turns one palette into a full design token system — tonal scales, contrast-safe semantic tokens, light and dark modes — and pushes it straight into the file you're working in. Type systems and kits come too.
What it syncsPalettes → colour variables. Primitive scales plus semantic tokens (surface, text, border, and friends), each scoped so it only appears where it belongs. Light and dark modes land in a single push.
Type systems → text styles. Native Figma text styles across a nine-step scale for display, body, and mono, plus a "KOLO Type" variable collection carrying every size, line height, letter-spacing, and family name.
Kits → both at once. A palette and a type system, applied together in one click.
Made for re-syncingPush again whenever the system changes. KOLO records what it wrote, so it can tell your edits from its own: anything you've changed by hand is listed before it's touched, and you can keep your version as a separate variable. Nothing is silently overwritten. Fonts Figma can't load are named in the report rather than quietly substituted, so a specimen never lies to you.
Getting startedCreate a free account at usekolo.app and save a palette, type system, or kit.
Open the plugin and enter the six-character code from your account menu.
Choose what to apply.
Free. No paywalled features.
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility