Copy to Figma _ Chrome Plugin Demo
Copy any webpage and paste it into Figma as a fully editable design — no plugin, no export, no setup.
Click the extension, copy the page, then paste (Cmd+V / Ctrl+V) directly onto the Figma canvas. Every layer comes through as a real Figma object — frames, text, images, vectors — ready to restyle, remix, or use as a reference.
What you can do with it
• Turn any live website into an editable Figma file in one click
• Copy individual sections or components — hover, copy, paste
• Use real production sites as starting points for redesigns, audits, or moodboards
• Capture competitor flows and landing pages with their actual layout and typography intact
• Pull marketing pages, dashboards, or docs into Figma to annotate or iterate on
What gets captured
• Layout and structure as native Figma frames and auto-layout
• Text with the page's real fonts (web fonts are detected and preserved)
• Images, icons, and SVGs — including cross-origin assets
• Background colors, gradients, borders, and shadows
Why use this instead of a screenshot
A screenshot is a flat image. This gives you editable layers. Change the copy, swap the colors, replace an image, restyle a button — it all behaves like it was designed in Figma from scratch.
How it works
• Open any webpage
• Open Copy to Figma chrome plugin
• Hit "Copy to clipboard"
• Paste into Figma (Cmd+V on Mac, Ctrl+V on Windows)
That's it. No Figma plugin to install, no account to connect, no file uploads.
Privacy
Your page never leaves your browser. The extension reads the current tab only when you click it, packages the design locally, and writes it to your clipboard. Nothing is sent to any server.