Figmimic - A bookmarklet to copy any webpage into Figma as editable layers

What is it?

Figmimic is a bookmarklet that captures the current web page and<br>copies it to your clipboard as Figma frames. Pasted frames are<br>editable, not flat screenshots. Open Figma and<br>paste it in.

It works on any page you can see in your browser — including<br>dashboards, admin panels, and apps behind authentication walls that<br>other tools can't reach.

Under the hood, it embeds Figma's own<br>capture.js<br>in a bookmarklet. For more, read the blog post.

Your browser does not support the video tag.

Install

Drag this bookmarklet to your bookmarks bar:

{const r=await fetch('https://mcp.figma.com/mcp/html-to-design/capture.js');const t=await r.text();const s=document.createElement('script');s.textContent=t;document.head.appendChild(s);await new Promise(r=>setTimeout(r,500));window.figma.captureForDesign({selector:'body'})})())">Figmimic

How to use

1 Navigate to any web page you want to capture

2 Click the bookmarklet in your bookmarks bar

3 Wait for the "Copied to clipboard" confirmation

4 Open Figma and paste the copied interface