Themes
Themes
Figma kit
Import curated Komponents tokens into Figma via Tokens Studio.
newfree
The Figma kit is generated from the same curated packs as Theme Lab — six identities, supported modes only, plus a sticker sheet for surfaces, button, and input. No Figma plugin to maintain: Tokens Studio imports the JSON.
Download
- komponents.tokens.json — Tokens Studio document
- sticker-sheet.svg — visual reference sheet
Regenerate locally with pnpm --filter @komponents/themes generate.
Import into Figma
- Install Tokens Studio in your Figma file
- Open Tokens → Import → select
komponents.tokens.json - Switch themes (for example
forest / light) and create Figma variables - Paste or place
sticker-sheet.svgas a starting sticker sheet
Full component parity in Figma is future scope — this kit covers variables and the core surface vocabulary.
CLI
Prints paths and import notes (groundwork). Studio Pro exporters can also emit a Tokens Studio document for a single authored pack.