figma_get_design_system_kit
Extract tokens, components, styles, visual specs, and screenshots from Figma in one call to avoid context overflow and enable pixel-accurate AI code generation.
Instructions
PREFERRED TOOL for design system extraction — replaces separate figma_get_styles, figma_get_variables, and figma_get_component calls. Returns tokens, components, and styles in a single optimized response with adaptive compression for large systems. Includes component visual specs (exact colors, padding, typography, layout), rendered screenshots, token values per mode (light/dark), and resolved style values. Use this instead of calling individual tools to avoid context window overflow. Ideal for AI code generation — use visualSpec for pixel-accurate reproduction. Variant specs are delta-encoded: the base variant carries the full visualSpec, siblings carry visualSpecDelta with only the properties that differ. Tokens/variables are read through the connected Desktop Bridge or cloud relay and work on ANY Figma plan — no Enterprise required. If a tokens fetch ever reports the Variables REST API is plan-limited (403), the bridge/relay is the plan-independent path: ensure it's connected and retry rather than abandoning variables.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| format | No | 'full' returns complete data with visual specs and resolved values. 'summary' strips variant-level visual specs (medium payload). 'compact' returns only names, types, and property definitions (smallest payload, best for large design systems). Auto-compresses if response exceeds safe size regardless of format setting. | full |
| fileKey | No | Figma file key. If omitted, extracted from the current browser URL. | |
| include | No | Which sections to include. Defaults to all. | |
| componentIds | No | Optional list of specific component node IDs to include. If omitted, all published components are returned. | |
| includeImages | No | Include image URLs for components (adds latency). Default false. |