What is the browser extension?

The html.to.design browser extension lives in your browser toolbar and allows you to capture any webpage that you see and send it to the html.to.design Figma plugin to convert it into editable layers.

When to use the browser extension?

For private pages

html.to.design Figma plugin can only capture public URLs that are publicly accessible on the web. If you want to capture a private page, you can use the browser extension to capture it directly from your browser.

For convenience

The browser extension allows you to capture any webpage you see in your browser, without having to copy and paste the URL into the html.to.design plugin. It’s a convenient way to quickly capture a page and send it to Figma for further editing.

For previews generated by AI tools

If you are using AI tools like to generate website layouts, sections or components, you can use the html.to.design browser extension to capture the preview of the generated page directly from your browser. No need to deploy the generated code to a live URL. Just call the browser extension and it will capture the preview as generated by the AI tool.

For pages protected by CAPTCHA

Some pages are protected by CAPTCHA and require you to solve a challenge before you can access the page. The html.to.design plugin cannot resolve the CAPTCHA automatically when importing via URL, but you can use the browser extension to capture the page after you have solved the CAPTCHA.

For pages in specific languages

The html.to.design plugin can capture pages in multiple languages. But, sometimes, the plugin may not be able to capture a page in a specific language due to technical limitations in the website language selection system. In this case, you can use the browser extension to capture the page in the language you see.