Hewn
Themes

Themes

Figma kit

Import curated Hewn 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

Regenerate locally with pnpm --filter @hewnui/themes generate.

Import into Figma

  1. Install Tokens Studio in your Figma file
  2. Open Tokens → Import → select hewn.tokens.json
  3. Switch themes (for example forest / light) and create Figma variables
  4. Paste or place sticker-sheet.svg as a starting sticker sheet

Full component parity in Figma is future scope — this kit covers variables and the core surface vocabulary.

CLI

Snippet
hewn theme export

Prints paths and import notes (groundwork). Studio Pro exporters can also emit a Tokens Studio document for a single authored pack.

On this page