Pull production back onto canvas.
Engineering shipped a version. Your mockup is outdated. Upload the live HTML and get a synced Figma file as your new starting point.
Copy to Design turns any HTML file into a fully editable Figma file — layers, Auto Layout, text styles all preserved. No plugin. No engineer required.
No plugin, no sign-up, no asking an engineer for an export. Drag, copy, paste.
Works with single .html files or a .zip bundle. Processed in memory and discarded within 60 seconds.
When conversion finishes, Figma node data lands in your clipboard. Or download a .fig file for later.
The full layer tree appears instantly — frames, Auto Layout, text styles, components — all natively editable.
We read the real DOM structure and map each element to its native Figma node.
Flexbox and Grid resolve to native Auto Layout — gap, padding, and alignment inferred automatically.
Font family, size, line-height, and weight are kept as reusable Figma text styles — ready to plug into your design system.
CSS colors are extracted as Figma Variables. Change one, everything updates.
Repeated patterns are promoted to Figma components. Your design system re-emerges from your code.
class names and semantic tags become Figma layer names — not a pile of Rectangle 42.
No Figma plugin required — paste uses Figma's native clipboard protocol. Anyone on your team can use it immediately.
You have HTML. You want to keep designing in Figma. That's why Copy to Design exists.
Engineering shipped a version. Your mockup is outdated. Upload the live HTML and get a synced Figma file as your new starting point.
HTML from Claude, v0, Lovable — upload it and continue in Figma. Stop squinting at code to guess the structure.
See something you love? Save the HTML, upload, paste into Figma — deconstruct the layout and reuse it fast.
No sign-up. Processed locally. Hit "Copy" and paste straight into Figma.
.html · up to 5 MBFree tier covers most designers' daily use. Upgrade when you need more scale.
A daily toolbelt, always on.
For working designers who convert all day.
.fig filesShared across a design & dev team.
Yes — fully. Every HTML element becomes a native Figma node: frames, text, vectors. Styles map to fills, strokes, and effects. You can select, rename, and restyle any layer.
Yes. We render the page in a headless browser first, then convert the final DOM to Figma nodes. If you upload static HTML, we skip the render step.
Figma's clipboard is a native protocol — it's faster, more stable, and requires zero install inside Figma. The rest of your team can use the output without lifting a finger.
Free tier: 2 MB per file (covers most pages). Designer: 20 MB. Beyond that we suggest splitting, or uploading a .zip bundle.
No. Everything is processed in memory and discarded within 60 seconds. Designer tier can opt into a 7-day history if you want to revisit recent conversions.
Figma only for now. Sketch export is on the roadmap — let us know if you need it.