Item logo image for HTML to Figma Capture

HTML to Figma Capture

5.0(

1 rating

)
ExtensionTools49 users
Item media 1 (screenshot) for HTML to Figma Capture

Overview

Capture the current browser page as .h2f JSON for the HTML to Figma plugin.

Turn any web page into editable Figma layers in seconds. This extension captures the page currently open in your browser and hands it to the "HTML to Figma" Figma plugin — as clean Auto-Layout frames, readable layer names, embedded images and editable text instead of a flat screenshot. Why the extension? Unlike a plain URL import, the extension captures the page exactly as you see it — including content behind a login (dashboards, internal tools, web apps), opened states and dynamically loaded sections. One-click transfer Copy the pairing code from the plugin's "Chrome" tab and paste it into the extension once. On any page, click "Send to Plugin". The page lands in the plugin and imports automatically — if Figma is open in a browser tab, it's brought to the front. Features Capture with semantic layer names and Auto-Layout (flex, spacing, fill) Embedded images — no gray placeholders in Figma Works on pages behind a login Fallbacks: "Copy Capture" (clipboard) and "Download .h2f" Multiple captures per pairing code import one after another in the plugin Privacy Capture only runs when you click. With a pairing code, the capture is relayed only to your own plugin through a short-lived queue (only the matching code can fetch it; auto-deleted shortly after). Without a code, handoff stays fully local via 127.0.0.1. No accounts, no long-term storage of page content. Requires the free "HTML to Figma" Figma plugin.

5 out of 51 rating

Learn more about results and reviews.

Details

  • Version
    0.7.0
  • Updated
    July 5, 2026
  • Size
    31.12KiB
  • Languages
    English
  • Developer
    Email
    leonie.roesmann@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

HTML to Figma Capture

0.0

Capture pages open in your browser as editable .h2f files for Figma. Free, no account required.

html.to.design

4.6

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

Web to Figma

5.0

Web to Figma 一键抓取网页并转换为可编辑设计稿。

Copy to Figma - 100% free, 100% private, works on all Figma plans

4.9

v1.2.3: capture open menus, Ctrl+Shift+1/2 shortcuts, local HTML, placeholders, ↑↓ picker.

HTML to Figma

0.0

Capture any webpage's HTML/CSS and import it into Figma as editable layers.

Web to Figma

2.1

Web to Figma extension to capture pages and components and import them into Figma as editable designs. No more screenshots.

Export to Figma

4.9

Copy any website, page, or element into Figma as fully editable layers — convert HTML to clean Figma designs in one click.

Over.fig – Compare design to website in real time

4.6

Bridge the gap between design and code. Convert your Figma into a pixel-perfect semi-transparent overlay directly on your web page.

HTML to Figma – Capture Any Website as Editable Layers

5.0

Capture any webpage and paste it into Figma as real, editable frames and text — not a flat screenshot. Free Chrome extension.

html.tomake.design (llama)

3.9

Convert any website into fully editable Figma designs. Requires the companion Figma plugin!

HTML to Figma (by Yashi Tech Solutions)

2.6

Convert webpages into a Figma design

Open Figma app

3.2

Open Figma links in the desktop app and automatically close the browser tab after a custom delay.

HTML to Figma Capture

0.0

Capture pages open in your browser as editable .h2f files for Figma. Free, no account required.

html.to.design

4.6

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

Web to Figma

5.0

Web to Figma 一键抓取网页并转换为可编辑设计稿。

Copy to Figma - 100% free, 100% private, works on all Figma plans

4.9

v1.2.3: capture open menus, Ctrl+Shift+1/2 shortcuts, local HTML, placeholders, ↑↓ picker.

HTML to Figma

0.0

Capture any webpage's HTML/CSS and import it into Figma as editable layers.

Web to Figma

2.1

Web to Figma extension to capture pages and components and import them into Figma as editable designs. No more screenshots.

Export to Figma

4.9

Copy any website, page, or element into Figma as fully editable layers — convert HTML to clean Figma designs in one click.

Over.fig – Compare design to website in real time

4.6

Bridge the gap between design and code. Convert your Figma into a pixel-perfect semi-transparent overlay directly on your web page.

Google apps