FigShotWebsites are just
Figma files in disguise.
Turn any URL into fully editable Figma layers. Inspect fonts, measure spacing, export assets, run A/B ideas live — without leaving the browser. Save 3 hours every week and replace 6 plugins with one Chrome extension.
Free forever · No credit card · Chrome · Edge · Brave · Arc
Trusted by 238 designers · 3,400+ files generated · 4.9/5 Chrome Store
For Designers
Steal inspiration instantly
For Teams
Rapid A/B visual testing
For Agencies
Competitor site audits
For Devs
Pixel-perfect layout QA
Every designer shortcut, in one toolbar.
Real product features — not vaporware. Each tile below is a live extension mode you'll use every day.
HTML → Editable Figma
The most accurate converter on the market. Maintains auto-layout, font weights, color tokens, and layer naming — not a flat screenshot.
Distance & Gaps
Hover to reveal padding, margins, and spacing in real time.
Asset Ripper
Grab every icon, background, and srcset variant on the page — in one click.
Predictive Heatmaps
See where users' eyes land before you ship.
Comment Pins
Pin feedback anywhere. Export as branded PDF for the team.
Full-page Screenshot → PDF
Stitches long scrolling pages into one crisp image with a live progress bar, then exports as PDF or PNG. Ready for share links, slide decks, or QA reports.
Inspect Fonts
Hover any text to see family, weight, size, and line-height. Copy tokens instantly.
Google Lens
Right-click any image to reverse-search — inline, without switching tabs.
Responsive
Test any URL across phone, tablet, and desktop viewports side-by-side.
Edit Live Website
Rewrite copy, swap colors, ship A/B ideas on production — no dev tickets.
From live URL to editable Figma.
- 01
Install the extension
Download the ZIP, load it in chrome://extensions. Takes 30 seconds — no account required.
- 02
Open any page
Click FigShot in your toolbar. Choose HTML→Figma, inspect, measure, screenshot, or comment.
- 03
Open in Figma
The snapshot lands as fully editable layers via our Figma plugin. Edit, theme, present, ship.
“I used to spend half a day rebuilding competitor pages in Figma before pitching a redesign. Now I do it in two clicks — and clients think I'm a wizard.”
— Mira K. · Senior Product Designer · ex-Stripe · ex-Webflow
Free forever. Pro when you're ready.
Everything a freelance designer needs to ship faster.
- ✓HTML → Figma — 12 captures / month
- ✓Unlimited A/B test ideas in-browser
- ✓Unlimited image export
- ✓Font, color & spacing inspector
- ✓Predictive saliency heatmap
For designers and teams shipping real product work every week.
- ✓Unlimited HTML → Figma captures
- ✓Real click & scroll heatmaps (3 sites)
- ✓Priority Figma plugin sync
- ✓A/B test history & sharing links
- ✓Bulk image export with CDN-friendly naming
- ✓Email support · cancel anytime
7-day refund · No questions asked
Questions, answered.
What does FigShot actually do?+
It's a Chrome extension that turns any live website into a working Figma file, lets you A/B test design ideas in the browser without code, exports every image (including CSS backgrounds), inspects fonts and colors on hover, and overlays predictive or real-traffic heatmaps.
How is HTML → Figma different from a screenshot?+
We capture structured layout — frames, text layers, fonts, colors, images, spacing — not a flat image. You open the snapshot in Figma and edit every element like you designed it yourself.
Will my client know I started from their site?+
No. The output is a clean editable Figma file. Use it as a launchpad for redesigns, audits, or proposals — nothing is watermarked or traceable.
Do I need to install anything in Figma?+
Just our companion Figma plugin (one click from the extension). The Chrome extension does the capture; the plugin rebuilds it natively inside Figma.
What's the difference between predictive and real heatmaps?+
Predictive heatmaps (Free) use a saliency model to estimate where eyes go before launch. Real heatmaps (Pro) record actual clicks and scroll depth from your visitors via a one-line tracking snippet.
Can I cancel anytime?+
Yes. Pro is month-to-month. Cancel in one click and you keep access until the end of the billing cycle.
Ship your next redesign in half the time.
Join 3,400+ designers who replaced their copy-paste-rebuild ritual with one Chrome extension.