Theme Studio
Upload Tokens Studio / DTCG / CSS / Figma Variables. Preview on real Airframe
patterns, lint the result, then export theme.css.
Build your theme
Import a token file, refine with pickers, then export validated CSS.
Upload or paste
DTCG, Tokens Studio, CSS variables, Figma Variables JSON, or Style Dictionary–like JSON.
Primary Colors
Surfaces
Text & Borders
Lint
Live Preview
Buttons
Card
Card Title
Preview card using your mapped Airframe theme tokens.
Form
Surfaces
Background
Surface primary
Surface secondary
Regular body text with strong emphasis.
Muted text color preview