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 copies it to your clipboard as Figma frames. Pasted frames are editable, not flat screenshots. Open Figma and paste it in.

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

Under the hood, the bookmarklet carries Figma's own capture.js inside it, so it never has to load anything from the page it is capturing. That is what lets it run on sites with a strict Content Security Policy. For more, read the blog post.

Install

Drag this bookmarklet to your bookmarks bar:

Figmimic Building…

The bookmarklet is big (around 400 KB) because Figma's capture library travels inside it. Drag it again every few months to pick up a fresh copy of that library.

How to use

  1. 1 Navigate to any web page you want to capture
  2. 2 Click the bookmarklet in your bookmarks bar
  3. 3 Wait for the "Copied — paste into Figma" confirmation
  4. 4 Open Figma and paste the copied interface

Common issues

Firefox won't save it. Firefox stores bookmark URLs only up to 65,536 characters and rejects longer ones without a warning, so dragging or pasting the full bookmarklet looks like it worked and leaves you with nothing. The bookmarklet runs fine in Firefox once installed — there is just no way to install it there. Consider Chrome or Safari, which store it without complaint.

It says the clipboard was refused. A clipboard write has to belong to something you clicked, and the capture finishes long after the click that started it — Safari is strictest about this. The capture isn't lost: click anywhere on the page and the copy runs from that click.

It says "click this page to capture it". A page can only be written to the clipboard while it has focus, and clicking a bookmark sometimes leaves focus in the browser's own UI. Click anywhere on the page and the capture runs.

Some images are missing. Images have to be downloaded to be embedded, and the page's connect-src policy governs that download. Images served from the site's own domain come through; images on third-party domains the policy doesn't list are skipped. Text, layout, and styles are unaffected.