Launch offer — code LAUNCH50 takes 50% off your first 3 months →

Any web page,
as editable Figma.

It is not a screenshot. Pages come back as real frames, text and vector nodes, so you can change colours, copy and layout directly in Figma.

Add to Chrome Install Figma plugin ▶  Watch the demo
5 free every month · no sign-up · first conversion in 30 seconds · needs both the Chrome extension and the Figma plugin
Live Demo

Capture to editable in 14 seconds.

Capture in the browser on the left, watch real layers land in Figma on the right. At the end we recolour the text — something you could never do with an image.

acme.studio </>
html2figma plugin code 704-921
LAYERS
Frame 1440
Navigation
T Hero title
Hero image
Card grid
✓ Converted to editable layers
page.h2f ⚡
01One click — reads the DOM, styles and layout as they are
02Send instantly by file, clipboard or 6-digit code
03Rebuilt in Figma as real frames, text and vectors
04Select the text and change its colour — these are real nodes
LIVE DEMO
0:14 · loop
Features

The details come across too

Not "roughly similar" — the actual pixels and styles.

Pixel-accurate layout

Reads a DOM snapshot through the Chrome DevTools Protocol and reproduces exact positions and sizes — gradients, shadows, asymmetric borders, rounded corners and overflow clipping included.

Genuinely editable text

Text arrives as text nodes with font, weight, colour and alignment intact. No retyping words off an image.

SVG → vector

Inline SVG becomes editable vector nodes.

iframe & Shadow DOM

Nested frames and web components are merged into a single capture.

6-digit direct send

One pairing code sends a capture straight from the extension to the plugin.

Auto Layout + Local Styles

Not just pasted in — ready to work with. Auto Layout is configured for you and colours and text styles become Local Styles.

Local by default, no tracking

Captures stay on your machine by default. The extension and plugin carry no analytics, tracking or ad identifiers. Even with direct send the relay forwards and discards immediately, storing nothing.

How it works

Three steps is all it takes

Capture

Click the extension icon on the page you want. It reads the DOM, styles and layout into a .h2f file.

Send

Drop the file, paste from the clipboard, or use a 6-digit code to send it straight to the Figma plugin.

Edit

It lands as real frames, text and vectors — with Auto Layout and Local Styles already set up.

Pricing

Start without committing

Use it free for as long as that is enough. Upgrade only when it is not.

Free
$0
forever
  • 5 conversions every month
  • No sign-up, no login
  • Every conversion feature included — nothing held back
Start free
LAUNCH50 — 50% for 3 months
Pro
$9 / month
cancel anytime
  • Unlimited conversions
  • Sign in with Google to use it on every device
  • Payments handled securely by Paddle, our Merchant of Record
Get Pro
🎉 First 100 users — code LAUNCH50 applies automatically at checkout for 50% off your first 3 months (until 2026-08-08)
FAQ

Frequently asked questions

How is this different from a screenshot tool?
A screenshot is a single flat image. html2figma rebuilds the page as real Figma frames, text, images and vector nodes, so you can change colours, copy and layout immediately — no retyping, no tracing.
Where does my captured data go?
By default it never leaves your machine — it is a file download or a clipboard copy. Only direct send passes through a relay, which forwards and discards it immediately without storing anything. We collect no personal data from free users.
Do I really need the Figma plugin?
Yes. The Chrome extension does the capturing, and the html2figma plugin inside Figma turns that capture into real layers. Both are free to install.
How do I cancel Pro?
Cancel whenever you like. Payments run through Paddle as Merchant of Record, and the link in your receipt email lets you manage the subscription directly. See our refund policy for details.

Stop starting redesigns by tracing.

Your first capture lands in Figma in about 30 seconds. Five a month stay free, always.