extract_styles
Extract design tokens like colors, fonts, and spacing from Figma frames to generate CSS or theme files with organized JSON output.
Instructions
Extract all design tokens from a frame.
HOW IT WORKS:
Collects colors, fonts, spacing, border radius, shadows
Returns organized JSON ready for CSS/theme generation
No chunking needed (compact output)
TYPICAL WORKFLOW:
get_frame_info → understand structure
extract_styles → design tokens
Use tokens to build theme/CSS
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| file_key | Yes | Figma file key | |
| page_name | Yes | Page name (partial match) | |
| frame_name | Yes | Frame name (partial match) |