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.

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.

Do not implement a Figma task from a screenshot or by eye when Figma context is available. The Figma structure is the reference.

name	figma
description	Use when a Toolcraft task includes a Figma URL, node ID, or design-to-code requirement.

Use this skill when the user provides a Figma URL, node ID, or asks to implement or match a Figma design.

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.

Do not implement a Figma task from a screenshot or by eye when Figma context is available. The Figma structure is the reference.

figma