MCP Tools

get_design_context

Read the variables, styles and components already in the Figma file before generating.

Returns the design system that already exists in the file: local variables with their value per mode (colours as hex, aliases as {Collection/Name}), paint, text and effect styles, the font families those styles use, the components on the current page with their variant properties, and any design system confirmed via propose_design_system. Call it first so the AI reuses these values — writing var(--token) or the exact values — instead of inventing new colours, sizes and fonts. Each section is capped at 300 entries. The result opens with design guidance: design principles (spacing and type scales, colour restraint, realistic copy, what to avoid), the brand brief you wrote in the plugin's Settings → Design, and a starter token set when the file has no variables or styles yet (those the plugin generated from earlier renders don't count).