GET /v1/extract10 credits/callDesign Tokens API
Turn any live URL into a full design-token system - colors, type scale, spacing, shadows, radii - as JSON, CSS variables, or a Tailwind config.
The API is the demo
One authenticated GET request against any live URL - clean, typed JSON back.
GET /v1/extractconst res = await fetch(
`https://miromiro.app/api/v1/extract?url=stripe.com&access_key=${process.env.MIROMIRO_API_KEY}`
)
const data = await res.json()Firecrawl and scrapers return HTML or markdown to parse - this returns resolved, typed tokens in JSON, CSS, or Tailwind.
Built for the agent era
Every endpoint plugs straight into your coding agent - as a native MCP tool or a plain-English prompt. No SDK, no glue code.
Your agent calls it directly, mid-task, and gets typed JSON back.
// Cursor · Claude Code · Windsurf
extract_design_tokens({ url: "stripe.com" })
No MCP? Drop this into any agent - it wires up the API itself.
“Extract stripe.com’s design tokens and restyle this page to match them.”
Everything, tagged and typed
&format=json&format=css&format=tailwindTurn any URL into a full design-token system
The MiroMiro Design Tokens API extracts a website’s complete design system - colors, typography scale, spacing steps, shadows, and border radii - and returns them as typed, structured tokens with real usage counts. Ask for plain JSON, ready-to-import CSS custom properties, or a paste-ready Tailwind config, all from one GET request against any live URL.
Point at a URL
One GET request with any live URL - e.g. stripe.com.
Get structured data
Clean, typed JSON back - resolved, not raw HTML to parse.
Your agent uses it
MCP or a prompt wires it into your build - no glue code.
What you can build
Programmatic theming
Generate an app theme from a reference URL for AI website builders.
Design-system audits
Diff a production site against your design system to catch drift.
Ground-truth for agents
Feed Cursor or Claude Code the real tokens so generated UI actually matches.
Questions
What formats can I get?
JSON (default), CSS custom properties (&format=css), or a Tailwind theme block (&format=tailwind) you can paste straight into a project.
How is this different from a scraper?
Scrapers return HTML or markdown. This returns typed, structured design tokens with usage counts - ready to use, not parse.
What does it cost?
Design-token extraction is 10 credits per call (it does the most work). Cached and failed calls are free.
Get your free API key
100 free credits every month, no credit card. One key unlocks every endpoint - brand, tokens, images, SVGs, fonts, and Lottie. Upgrade only when you outgrow the free tier.