Extract design tokens
extract_design_tokensExtract design tokens from a Figma file: colors, typography, spacing, radii, shadows. Generates Tailwind CSS config, CSS variables, and Ant Design theme for React projects.
Instructions
Walk a Figma file/node and extract colors, typography, spacing, radii, and shadows. Returns a tailwind.config theme.extend snippet, CSS variables, and an antd ConfigProvider theme. Wire these in before writing components.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| depth | No | ||
| figmaUrl | Yes | Figma URL or file key. |