Particles
Particles
Sign inStart for free

Design token platform

Design systems that
ship at startup speed.

The fastest way to create, version, and sync design tokens across your entire team. Studio, Figma, and code — unified. Branches, reviews, themes, and releases designed for how you actually work.

Get started freeSee how it works →
particles / acme-ds / main
color
spacing
typography
radius
shadow
elevation

primary

oklch(0.62 0.19 261)

background

oklch(0.09 0 0)

foreground

oklch(0.98 0 0)

border

rgba(226, 226, 226, 0.12)

muted

oklch(0.12 0 0)

card

oklch(0.11 0 0)

ring

oklch(0.35 0 0)

Token

color / primary

Type

color

Tier

primitive

Raw

oklch(0.62 0.19 261)

Branch

main

AA PASSAAA PASS

Why designers love Particles

Everything you need to ship a design system your team will love

Studio

Ship tokens, not spreadsheets

Ditch the Google Sheet and Figma chaos. Create, edit, and browse tokens in a purpose-built editor — colour swatches, spacing scales, typography bundles. Pick a primitive or reference a semantic alias in one click.

Branching

Experiment without fear

Branch your token set like you branch code. Iterate safely, then open a review request with live colour swatches. Your team sees exactly what changed before anything touches production.

Themes

One token set, infinite brands

Dark mode, Brand A, Brand B, white-label — each theme overrides only what differs. Everything else inherits automatically. Switch themes in a click. Add a new brand in minutes, not days.

Figma sync

Figma ↔ Studio. Two-way. Live.

Push tokens to Figma as native Variables and Text Styles. Pull edits back to the platform. The Inspector binds tokens to fills, strokes, shadows, and auto-layout gaps — anything your components need.

Accessibility

Ship accessible, ship confident

Tag foreground/background pairs and get instant WCAG AA/AAA grades. Failing pairs surface the nearest compliant alternative. Accessibility isn't an afterthought — it's built in.

Releases

Freeze time. Ship trust.

Publish a semver-tagged snapshot of your tokens. Designers QA a specific release in Figma. Developers pin to it in CI. Roll back fearlessly — every release is immutable.

The workflow

From concept to shipped — in three steps

01

Build your token set in minutes

Open the Studio, choose a type — colour, spacing, typography — and set a value. Primitives hold raw values. Semantic tokens alias other tokens. Everything updates live, so you see the impact instantly.

# Primitive — raw value
color/neutral-900  →  oklch(0.09 0 0)

# Semantic — references a primitive
color/background   →  {color.neutral-900}

# Composition — bundles properties
typography/heading-1
  fontFamily  →  {font.sans}
  fontSize    →  48px
  fontWeight  →  700
  lineHeight  →  56px

02

Branch, review, and ship together

Create a branch and experiment freely. When it's ready, open a token request — your team sees a pixel-perfect diff with live colour swatches. Approve, reject, or comment. Merge when it's right.

Branch: rebrand-violet  →  main

  + color/primary    oklch(0.55 0.21 290)
  ~ color/background oklch(0.12 0 0)
  ~ color/foreground  oklch(0.95 0 0)

  3 tokens changed
  ✓ Approved by @sarah
  ✓ Merged into main

03

Publish once. Sync everywhere.

Publish a semver release. Designers pull it into Figma as native variables. Developers sync it via CLI. Themes override only what differs — dark mode, sub-brands, white-label, all from one source.

Release v1.2.0 published
  47 tokens  ·  3 themes  ·  2 branches

  Figma plugin  →  ✓ Pulled v1.2.0
                   ✓ 12 TextStyles created
  CLI sync      →  ✓ tokens.css written
  Theme "Dark"  →  ✓ 15 overrides applied

Pricing

Simple, transparent pricing

Start free. No credit card. Upgrade when your team is ready to ship at scale.

Starter

Freeforever

 

Perfect for solo designers and small teams exploring token-based design systems.

Get started free
  • ✓1 project
  • ✓Up to 3 members
  • ✓Unlimited tokens
  • ✓9 built-in token types
  • ✓1 theme per project
  • ✓Main branch only
  • ✓Tailwind v4, CSS & JSON export
  • ✓Figma plugin (pull + inspect)
Most popular

Pro

$14per seat / month

$12 billed annually

Built for teams shipping multi-brand, multi-platform design systems at scale.

Start free trial
  • ✓Up to 10 projects
  • ✓Up to 20 members
  • ✓Unlimited themes & branches
  • ✓Token Requests — PR workflow
  • ✓Commit history & revert
  • ✓Semver releases
  • ✓All export formats
  • ✓WCAG AA / AAA contrast checking
  • ✓Custom token types & sub-groups
  • ✓Figma push + pull + multi-mode themes
  • ✓Audit log (30-day retention)
  • ✓Email support (48-hour SLA)

Enterprise

Custom

contact us

For enterprises that need governance, compliance, and control across every product.

Talk to sales
  • ✓Unlimited projects & members
  • ✓Everything in Pro
  • ✓Cross-project foundation inheritance
  • ✓Unlimited audit log retention
  • ✓SSO / SAML
  • ✓Custom data residency
  • ✓Dedicated Slack channel
  • ✓Onboarding & training sessions
  • ✓99.9% uptime SLA
  • ✓Custom contracts & invoicing

All plans include the open-source CLI · No credit card required for Starter or trial

Get started

Your design system deserves better than a spreadsheet.

Ship faster, fight less, and keep every surface in sync — from Figma to production. Start free, no credit card needed.

Create free accountSee Studio docs →