Figma Code To Canvas

Use this skill for the reverse direction: code or browser UI into Figma canvas. This is tool-availability-sensitive and privacy-sensitive.

Modes

• capture-local: convert a local dev server page into Figma layers.
• capture-public: convert a public URL into Figma layers.
• capture-private: plan a safe path for authenticated/staging pages.
• reconcile: compare generated Figma layers with the source UI and list drift.
• fallback: produce manual rebuild instructions when code-to-canvas tools are unavailable.

Workflow