KOLO

About this plugin

KOLO turns any palette into a complete, contrast-safe color system — and this plugin delivers it straight into Figma Variables.What it does• Imports your saved KOLO palettes as Figma Variable collections: 11-step primitive scales plus semantic tokens (surface, content, border, action, feedback) with Light and Dark modes, properly aliased.• Scopes variables to their intent — text tokens appear only in text-color pickers, surfaces in fill pickers, borders in stroke pickers. Primitives stay hidden so your team uses semantics, not raw steps.• Update, don't re-import: tweak the system in KOLO, hit Update, and every variable refreshes in place. Your design bindings survive.• Respects your work: variables you create are never touched. Edited a KOLO-managed token? The plugin warns you and can keep your edit as a custom copy.• Round-trips custom tokens: colors you add in Figma can be imported back to KOLO, so your JSON/CSS/Tailwind exports match what designers actually use.How to connectCreate a free account at usekolo.app and save a palette.In KOLO: account menu → "Connect Figma plugin" → copy the one-time code.Paste it here. Done — pick a palette and Apply.Built for teams who want design tokens without the spreadsheet: generate on the web, ship to Figma, export the same system as DTCG JSON, CSS variables, or Tailwind config.usekolo.app