KOLO
Design tokens from KOLO, native in Figma. No manual renaming.
Plugin 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.
Plugin Details
| Version | 2 |
|---|---|
| Created | July 23, 2026 |
| Last Updated | August 12, 2026 |
| Category | Accessibility tools |
| Creator | Opeyemi Ajagbe |
| Stats | 1 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://*.supabase.co
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://kolo-three.vercel.app
- https://lh3.googleusercontent.com
- https://usekolo.app
More Like This
Discover other plugins in the Accessibility tools category.