| name | figma |
| description | Use when a Toolcraft task includes a Figma URL, node ID, or design-to-code requirement. |
Toolcraft Figma Workflow
Use this skill when the user provides a Figma URL, node ID, or asks to implement
or match a Figma design.
Process
- Inspect the Figma file through the available Figma MCP or design context
tooling.
- Read actual nodes, layers, components, variables, styles, assets, and layout
structure.
- Translate the design into Toolcraft schema controls, product renderer output,
canvas sizing, export behavior, and verification coverage.
- Use screenshots only for final visual QA, not as the source of truth.
Toolcraft Rule
Do not implement a Figma task from a screenshot or by eye when Figma context is
available. The Figma structure is the reference.