Problem

Stitch outputs production-ready UI as code. Designers and PMs still had to manually rebuild every screen in Figma to iterate, annotate, or hand off—slow, lossy, and demotivating.

Product thinking

The job isn't "import HTML." It's preserve design fidelity while keeping frames fully editable so teams can continue in Figma without a rebuild phase.

User pain

Hours spent recreating layouts that already exist in code
Broken spacing and typography after copy-paste workflows
Icons and nested components dropping on import

Design decisions

Paste-from-code as the primary action—zero config for the happy path
Map Stitch structure to Figma auto-layout where possible
Keep output as native frames/layers, not flattened images

Technical architecture

Figma Plugin API pipeline: parse Stitch output → normalize styles → instantiate components and frames with layout constraints.

Learnings

Design-to-code tools win when editability beats pixel perfection. Community feedback on edge-case layouts drove most iteration after launch.

Outcome

Published on Figma Community with 10.2k+ users and ongoing version releases. Pairs with my other Figma productivity plugins as part of a design-engineering toolchain.