vorbei

vorbei / figma-capture

Public

Chrome extension to capture any webpage into Figma, bypassing CSP

80
14
100% credibility
Found Mar 07, 2026 at 80 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
JavaScript
AI Summary

A Chrome browser extension that enhances webpage captures for pasting into Figma by automatically fixing fonts and removing unnecessary elements.

How It Works

1
🕵️ Discover Figma Capture

You hear about this handy Chrome tool that grabs any webpage and pastes it into Figma with perfect fonts and no clutter.

2
📥 Download the files

Save the extension folder to your computer, like on your desktop.

3
🔧 Add to Chrome

Open your Chrome browser's add-ons page, turn on the option for custom helpers, and pick your folder to make it live.

4
✏️ Tweak fonts if you like

Optionally adjust a simple list of your favorite font matches for even better results across different websites.

5
🌐 Visit a webpage

Head to any site whose design you want to bring into Figma.

6
🖱️ Click the magic icon

Tap the new icon in your browser toolbar, and it smartly prepares the page for copying.

7
📋 Paste into Figma

Switch to Figma, press paste (Ctrl+V or Cmd+V), and see the webpage appear clean and ready.

✨ Perfect import achieved

Your design pastes with correct fonts, no extra mess, and everything editable right away.

Sign up to see the full architecture

6 more

Sign Up Free

Star Growth

See how this repo grew from 80 to 80 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is figma-capture?

Figma-capture is a JavaScript Chrome extension that grabs any webpage—bypassing CSP restrictions—and dumps it straight into Figma's clipboard as editable layers via HTML to Design. It solves the mess of raw captures: botched CJK fonts, noisy wrapper divs, and empty frames that bloat your Figma file. Click the icon on any site, hit paste in Figma, and get a cleaned-up vector mockup ready for tweaks.

Why is it gaining traction?

Unlike basic chrome extensions for screenshots, it post-processes the payload with smart font remapping (customize via JSON), CJK fixes to PingFang or Noto, and DOM flattening that strips junk wrappers without losing layout. Devs love how it turns sloppy web captures into crisp Figma prototypes, saving hours of manual cleanup—think capture d'écran figma or capture figma prototype on steroids, minus the chrome extension store bloat.

Who should use this?

UI designers importing live web UIs into Figma for redesigns, frontend devs mocking prototypes from client sites, or product teams doing quick capture video figma from dashboards. Perfect if you're on chrome extensions mobile via Android/iOS but need desktop-grade imports; skip if you're deep in chrome github copilot workflows without Figma.

Verdict

Grab it if Figma web captures frustrate you—solid README and 80 stars show promise, but 1.0% credibility flags its early, unofficial status with no tests or broad adoption. Load unpacked, test on your pages; Figma could break it anytime.

(178 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.