Question 1

Is it really free?

Accepted Answer

Yes. No trial, no credits, no usage limits and no paid tier. If it saves you time, you can buy me a coffee to help keep it that way.

Question 2

Do I need an account or an API key?

Accepted Answer

No. Install the plugin (and the extension, if you want to copy live pages) and start importing.

Question 3

Is the page I copy sent to a server?

Accepted Answer

No. Everything runs on your computer. The extension reads the page in your browser and puts it on your clipboard, and the plugin builds the design inside Figma. Nothing is uploaded to us or anyone else. More in the Privacy Policy.

Question 4

Does it work on Figma's free plan?

Accepted Answer

Yes. It's a regular Community plugin, so it runs on every Figma plan, including the free one, in the desktop app and in the browser.

Question 5

Why does the extension ask for access to all sites?

Accepted Answer

Only so it can include images hosted on other domains, like CDNs. The permission is optional. If you decline, those images come in as gray placeholders and everything else works.

Question 6

Does it work on pages behind a login?

Accepted Answer

Yes, with the Chrome extension. It copies the page exactly as it appears in your browser, so dashboards, admin panels and anything you're signed in to work too.

Question 7

What about React, Vue and other single-page apps?

Accepted Answer

Use the extension. It captures the rendered page, so it doesn't matter how the page was built. Web fonts come along too.

Question 8

Which browsers are supported?

Accepted Answer

The extension runs in Chrome and in Chromium-based browsers that install from the Chrome Web Store, such as Edge and Brave. The plugin runs in Figma's desktop app and in the browser.

Question 9

Can I copy just one part of a page?

Accepted Answer

Yes. Click Pick an element to copy in the extension. The popup closes and the element under your cursor is highlighted: click it or press Enter to pick it, ↑ / ↓ to move to the parent or child element, and Esc to cancel. Only that part is copied, at its own size, and the frame in Figma is named after the page and the element.

Question 10

Does it change the page I copy?

Accepted Answer

No. Temporary styles are removed after copying and your scroll position is restored.

Question 11

When should I turn auto layout off?

Accepted Answer

When you want an exact copy to look at rather than a layout to edit, for example a reference to trace over. With auto layout off, every layer comes in as a plain frame at the position and size it has on the site.

Question 12

Where do the components go?

Accepted Answer

Repeated elements with the same structure, like cards and buttons, become components. The main components are placed on a separate Components page, and the design keeps instances that override their own text and images. The header, footer and top nav can be turned into components too, even when they don't repeat.

Question 13

Styles or variables: which should I pick?

Accepted Answer

Pick variables if your file is built on them. Colors go into an Imported colors collection and are bound to fills, and font size, line height, letter spacing and family go into Imported typography, with the text styles bound to them. Effects stay effect styles, with their colors and sizes bound to variables. Otherwise, styles keep things simple: color, text and effect styles with clean names.

Question 14

Can it use the styles I already have?

Accepted Answer

Yes. Set colors, text or effects to Match existing and it picks the closest style or variable already in your file, with an Exact, Close or Loose tolerance. Values with no close match get a new style, or stay raw if you prefer. Only the file's local styles and variables are checked, not team libraries.

Question 15

Can I import several screen sizes at once?

Accepted Answer

Yes, for HTML files. Pick any of 4K, desktop, laptop, tablet and mobile and they come in side by side. Drop several .html files at once and each one gets its own row. Pages copied with the extension are captured at your window's width, so resize the window and copy again for another size.

Question 16

Are there any limits?

Accepted Answer

On infinite feeds the extension stops scrolling after one minute or 60,000 px and copies what has loaded. The page is captured at your current window width; resize the window and copy again for another width.

Question 17

Why is my text in Inter?

Accepted Answer

Fonts that aren't available in Figma fall back to Inter. Install the font on your computer and import again.

Question 18

Why are some images gray?

Accepted Answer

With the extension, it usually means the access to all sites was declined, so images from other domains come in as gray placeholders. In HTML files, relative paths like img/a.png can't be loaded; use full URLs or data URIs instead.

Question 19

Why are icons images and not vectors?

Accepted Answer

Icon fonts like Font Awesome are drawn by the browser and come in as images, so they aren't editable vectors in Figma. Inline SVG icons come in as vectors.

Question 20

Why did the copy stop on an endless feed?

Accepted Answer

The extension scrolls the whole page before copying so lazy content loads. On infinite feeds it stops after one minute or 60,000 px and copies everything that has loaded until then.

Question 21

What happens to scroll animations?

Accepted Answer

The extension scrolls through the page first and waits for each part to settle, so content that animates in is captured as it appears. Content that hides again when you scroll back up is kept visible. The extra scroll space that pinned, scroll-driven scenes use is removed, so there are no huge gaps in Figma.

Question 22

Which width is the page captured at?

Accepted Answer

The extension captures the page at your Chrome window's current width, and a single picked element at its own size. HTML files are rendered at the screen sizes you pick in the plugin.

Question 23

Which CSS is supported?

Accepted Answer

Flex, grid and block layouts, plus gradients, shadows, filters, borders, blend modes, rotation, form controls, inline SVG and more: see the full list on the Features page. Of transforms only rotation comes through; skew and 3D are ignored. Gradients aren't saved as styles, only solid colors.

Questions, answered.

General

Chrome extension

What you get in Figma

Limits & troubleshooting

Still stuck?

Stop redrawing. Start from the live site.