Extract design tokens from website
design_extract_tokensExtract colors, typography, spacing, borders, and shadows from any live website by providing a URL. Get exact design token values for your next project.
Instructions
Extract actual design tokens (colors, typography, spacing, borders, shadows) from a live website using headless browser. Give it any URL and get back the exact values used. Pairs well with the search tools — find inspiration, then extract tokens from sites you like.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Website URL to extract design tokens from. Examples: "https://stripe.com", "https://linear.app" | |
| mobile | No | Extract from mobile viewport (375px) | |
| dark_mode | No | Extract colors from dark mode variant |