A2F — Any HTML/Website to Figma

About

Turn any website into editable Figma layers — in seconds. Not a screenshot.

A2F pairs a Chrome extension with a Figma plugin. Capture a live web page, pasted
HTML, or a URL, then rebuild it inside Figma as real, editable layers: auto-layout
frames, live text, embedded images, vector SVGs, and even hover states.

WHAT YOU GET
• Real editable layers — containers become auto-layout frames, text stays text,
  images embed, SVGs stay vector. Never a flat image.
• Full page or selection — grab the whole document, or pick just the section you need.
• Images included — downloaded and optimized on your device, then embedded. No broken links.
• Hover states — buttons and links can capture their hover variant for side-by-side comparison.
• CSS-driven fidelity — rows, columns, spacing, radius, shadows, gradients, and fonts
  are inferred from the page's CSS.
• Pair once — connect Chrome and Figma like WhatsApp Web. After that it's invisible.

HOW IT WORKS
1. Install the A2F Chrome extension and the A2F Figma plugin, then pair them once.
2. On any page, click Capture (full page or selection).
3. In Figma, open the plugin and hit Pull — your page rebuilds as editable layers.

PERFECT FOR
Designers reverse-engineering competitor or inspiration pages · teams kickstarting a
redesign from a live site · developers handing real layouts to design · anyone tired
of pixel-pushing screenshots.

PRICING
• Free — 30 captures per month, full quality, no watermark.
• Pro — $9.90 for 3 months of unlimited captures. One license key, activated inside
  the Figma plugin.

PRIVACY
Captured page data travels through your own private channel and is deleted after the
Figma side picks it up (short TTL, 1-day storage fallback). A2F uses your Figma user ID
only to count the free monthly quota — no email, name, or password, and no ad tracking.
Full policy: https://anytofigma.com/privacy/

Not affiliated with Figma or Adobe. Figma is a trademark of Figma, Inc.