HTML to Figma – Capture Any Website as Editable Layers

About

Capture any webpage and paste it directly into Figma as real, editable design layers — not a flattened screenshot.

HTML to Figma turns live websites into Figma frames you can actually edit: text stays text, layout stays structured with Auto Layout, and images come through as editable fills. No more rebuilding pages from scratch or tracing over screenshots.

HOW IT WORKS
1. Open any webpage and click the extension icon
2. Choose what to capture — a device preset (mobile, tablet, desktop), several sizes at once, a custom width, or just one specific element you click on
3. Switch to Figma and paste (Cmd/Ctrl+V) — real frames and layers appear, ready to edit

KEY FEATURES
- Multiple capture modes — device presets, custom pixel widths, or single-element selection
- Multi-size capture — grab Desktop and Mobile in one pass instead of repeating the process per breakpoint
- Real layers, not images — text, structure, and layout survive the trip into Figma with Auto Layout
- Runs entirely in your browser — nothing about the page you're capturing is uploaded to a server; the result goes straight to your clipboard
- Works on pages behind a login, since the capture runs in your own authenticated tab

WHO IT'S FOR
Designers doing competitive research, developers handing off existing pages for a redesign, or anyone who needs a real website turned into editable Figma layers instead of a flat image pasted into a frame.

PRICING
Free to install, with 10 exports to try it out. Pro unlocks unlimited exports for $3/month, manageable anytime from inside the extension.

Built by Yashitech Solutions.