01
Open any site
Public pages, logged-in apps, staging builds — capture the tab you are looking at.
No Figma login required
HTML to
Figma Capture
Capture desktop, tablet, and mobile from a site’s own CSS — then paste frames into Figma. No plugin sign-in, no Figma account connected, no import dance.
No resizing your window. No flattened PNG. No Figma login. Capture what the page already knows how to render, then paste.
Public pages, logged-in apps, staging builds — capture the tab you are looking at.
We emulate desktop, tablet, and mobile widths and walk the live DOM into a design tree.
Copy from the side panel, then ⌘V / Ctrl+V on the canvas. No Figma login, no plugin account, no file upload.
Every capture is read from the live page — the same CSS the browser painted, carried across to layers you can edit.
Desktop, tablet, and mobile are emulated and walked separately, so each frame reflects the layout that width actually produces — not one capture stretched three ways. They land side by side in Figma, ready for handoff.
Anything from 320 to 3840. Set the widths once and every capture follows them.
Pages render at 2× so srcset serves its best asset, then export supersamples up to 3×.
Sections paste as stacks carrying the page's own padding, gap, and alignment — verified so nothing shifts.
Capture in the side panel, paste straight onto the canvas. No plugin sign-in, no file upload, no per-seat surprise.
Weights, line heights, and line breaks come across even when the page font is missing in Figma.
A bottom rule arrives as the frame's own bottom stroke — not a box around everything, and never a stray line layer to drag around.
Every width is walked end to end first, so sections that fade in on scroll are not blank — and Lottie scenes flatten at high resolution instead of arriving as empty boxes.
It captures the tab in front of you, so dashboards, staging builds, and pages behind auth work the same as public marketing sites. Nothing is re-fetched from a server.
Screenshots die in the layers panel. This keeps structure you can still change.
border-bottom exports as a bottom edge, not a four-sided box.Chrome does not bill for you — Pro unlocks with a license key after checkout.
Try the workflow on real projects.
For daily capture and handoff. Checkout ships with the store listing.
No Figma login. Load the unpacked build today — Chrome Web Store listing follows review.
chrome://extensions and turn on Developer mode.