get_design_context
Retrieve complete design context for a Figma node, including layout, styles, component props, reference code, screenshot, and asset URLs, to convert designs into production-ready code.
Instructions
Do what: Primary READ tool for design-to-code. Returns layout, styles, component props, reference code snippet, screenshot, and asset URLs for a node. Expected output: { code (string), screenshot (URL), assets (map of download URLs), metadata }. Always prefer this over get_metadata for design inspection. Call figma_get_current_context first if you do not know the fileKey. IMPORTANT: nodeId is REQUIRED — extract from URL ?node-id=1-2 as "1:2". Never guess or pass empty.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| nodeId | Yes | Node ID e.g. "4:84". Extract from ?node-id=4-84. | |
| fileKey | Yes | Figma file key extracted from URL. | |
| forceCode | No | ||
| clientLanguages | No | Comma-separated languages e.g. "typescript,css". Use "unknown" if unsure. | |
| clientFrameworks | No | Comma-separated target frameworks e.g. "react,tailwind". Use "unknown" if unsure. | |
| excludeScreenshot | No | Set true only to preserve token budget. Default: false. | |
| disableCodeConnect | No |