Turn your design system intoshared context for teams and AI.

Stil scans tokens, components, icons, and guidelines from Figma, syncs them to Stilbook and DESIGN.md, and keeps implementation and AI agents grounded in the same source.

/Kestrel/stil

Click tabs to switch

Tokens›Semantics›Color47

Semantics

Semantics / Color / Border

opacitysemantics.color.border.opacity...color.opacity-black.7rgba(0,0,0,0.07)

accent-secondarysemantics.color.border.accent-secondary...color.indigo.600#4f46e5

opaquesemantics.color.border.opaque...color.gray.300#d4d4d4

opacityInversesemantics.color.border.opacityInverse...color.opacity-white.10rgba(255,255,255,0.10)

accentsemantics.color.border.accent...color.blue.600#2563eb

opaqueInversesemantics.color.border.opaqueInverse...color.gray.700#404040

PROBLEM

Design systems exist. But they do not travel.

Usage lives in heads

The design system exists, but the reasons for choosing or avoiding patterns stay with individual people.

Specs drift apart

Notion, Storybook, and Figma each tell a slightly different story, so teams lose track of what is current.

No shared language to hand off

Designers, engineers, and AI need the same current context, but there is no durable format to pass along.

Stil turns your Figma design system into a format your team and AI can actually use.

SYSTEM FLOW

Scan with the Figma plugin

Stil reads the Figma design system directly. Tokens, components, and icons can be captured and synced to Stilbook.

01Scan with the Figma plugin

02Review Stilbook

03Export DESIGN.md

04AI reads DESIGN.md

Sstil

SyncApply

—

Tokens

—

Components

—

Icons

primitives.color.blue.600changed

semantic.brand.primarychanged

space.4added

/Kestrel/stil

stil

DESIGN.md

Generated from Figma Plugin or URL scan. Cursor, Claude Code, and other tools can reference it to generate code that follows the design system.

Last updated Jun 17, 2026 · manualRegenerateDownload

GitHubへプッシュ

DESIGN.mdgenerated

# Design System - stil

## Tokens / Color

- brand.primary: #3B5FD9

- text.primary: var(--fg)

## Components / Button

- use for clear actions

> Generated from Stilbook

Agent context

DESIGN.md loaded

tokens mapped

components grounded

PRICING

All features, free to start.

MonthlyAnnual

Free

For individuals

Join the waitlist

Scan & sync your Figma design system

Review additions, changes & deletions before syncing

Apply tokens & styles directly to Figma layers

Design system catalog in Stilbook

Generate DESIGN.md

Sync design system to GitHub

1 project · 1 editor

Pro

Popular

For teams

$15/editor/mo