Toolcraft Figma

Toolcraft: use when a generated app task includes a Figma URL, node ID, or design-to-code requirement.

Masih-0x3 2d91ed3 841 B Updated

File contents

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

  1. Inspect the Figma file through the available Figma MCP or design context tooling.
  2. Read actual nodes, layers, components, variables, styles, assets, and layout structure.
  3. Translate the design into Toolcraft schema controls, product renderer output, canvas sizing, export behavior, and verification coverage.
  4. 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.

Masih-0x3/agent-skills/tree/main/skills/toolcraft-figma commit 2d91ed3cf9

Frequently asked questions

npx skillmds@latest add masih-0x3/toolcraft-figma