get_design_context
Retrieve a structured markdown tree of a Figma node with all design properties and Tokens Studio token references to generate code using design tokens.
Instructions
THE tool for building code from a Figma design — replaces the need for a separate Figma MCP. Returns a compact markdown tree of a node/subtree carrying everything needed to rebuild it: auto-layout (direction, gap, padding, alignment, hug/fill sizing), constraints, fills/strokes/gradients with resolved hex colors, stroke weight, corner radius, effects (shadows/blur), opacity, blend mode, typography (family, weight, size, line-height, tracking), text content, component/instance relationships + variant props — AND the Tokens Studio tokens applied to each node, so generated code can use design-token variables instead of hard-coded values. One line per node; defaults omitted.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | No | ||
| depth | No | Figma REST fetch depth (subtree levels). | |
| nodeId | No | ||
| fileKey | No | ||
| maxDepth | No | Max rendered tree depth. Default 12. | |
| withTokens | No | ||
| withPosition | No | Include x,y per node (relative to root). Default true. |