A2F — Any HTML/Website to Figma

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. A2F 1.0 — Any website to editable Figma layers · Capture any page, selection, pasted HTML, or URL and rebuild it as fully editable Figma layers (auto-layout, styles, images). · Interaction states: optionally capture hover/active/focus/selected/disabled variants. · Extract design: scrape a page's colors & fonts into DESIGN.md plus a visual board, with native Figma styles & variables (opt-in). · AI Enhance (Pro, opt-in): semantic layer names (Navbar / Hero Title) and semantic color names (Rust / Sky Wash). Honest limits shown in-app: 100/month · 30/day. Falls back to basic naming automatically — failures never count. · Background capture jobs: close the popup anytime, your capture keeps going. 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.