Flugin captures any live web page as editable Figma layers. Images, icons, fonts, and layout intact. Annotate in the browser, record your screen, push to Figma, and export back to code in 10 targets.
The Flugin side panel lives next to any web page. Capture the full page, annotate screenshots, inspect live CSS, and push to Figma. All from the browser.
Full-page screenshots preserve fixed headers and sidebars. The first tile captures all chrome; the rest scroll the content column cleanly.
Arrow, text, rect, circle, line, highlight, blur, step numbers, and crop. Pan and zoom the canvas with the keyboard or scroll wheel.
Select any element on the live page to read its computed styles, edit values inline, and copy the CSS. No dev tools required.
Record the screen with audio, preview in the panel, and download or share via link. No third-party recorder needed.
Browse, re-annotate, or push any recent capture directly from the panel. Everything persists in local storage.
Overlay a Figma reference on the live page at adjustable opacity to spot regressions without switching tabs.
A system-tray app that captures anything on your screen — region, window, or full screen — annotates it, syncs it to your cloud library, and pushes it to Figma. All with a global hotkey.
Drag a crosshair for a region, click to pick any open window, or capture the full monitor. A countdown timer fires any capture on delay.
Pick a browser window, hit Scroll Capture. Flugin Snip scrolls it automatically, stitches every frame, and hands you a single full-height image.
One click starts a screen recording with a live timer. Stop to save a WebM to your capture library. No third-party recorder needed.
Arrow, text, rectangle, circle, highlight, step numbers, and eraser. Undo the last annotation with Ctrl+Z. Pin the viewer always-on-top.
Every capture uploads to your private library. Open the tray popup on any machine and your recent captures from all devices appear instantly.
Send any capture to Figma directly from the viewer. The share link copies to your clipboard automatically.
Flugin runs a real headless browser and walks the DOM: every element, every style, every asset. It materializes the result as native Figma nodes you can edit.
Every <img> and inline SVG is element-screenshotted in the browser context. No silent blank squares, no cross-origin blocks.
Icons rendered via CSS ::before pseudo-elements (Font Awesome, Bootstrap Icons, Material Symbols) are detected and screenshotted. The glyph lands in Figma exactly as it appears in the browser.
Font family, weight, size, color, letter-spacing, and transforms are resolved to absolute computed values and applied directly in Figma. No CSS variables, no inherited chains.
Flex and grid layouts, padding, gaps, border radius, box shadows, and blend modes all transfer as Figma Auto Layout properties and layer effects.
Form fields are element-screenshotted as they appear in the browser. Placeholders, borders, and all custom styling are preserved as image nodes in Figma.
Flugin scrolls the full page before capturing, so IntersectionObserver-triggered images and embedded third-party widgets all load before the walk begins.
The Flugin emitter generates production-ready code from your Figma frames. Pick your stack.
Connect Flugin to Cursor, Claude, or any MCP client. Capture URLs, push to Figma, and emit code. All from your AI tool.
Add the Flugin extension from the Chrome Web Store. The side panel opens next to any tab instantly. No configuration required.
Full page, visible area, area selection, or timed delay. Nav bars and sidebars are preserved in the first tile. The rest scrolls the content cleanly.
Add callouts, redact content, inspect live CSS, or send the capture straight to Figma with one click from the browser side panel.
Your capture arrives as editable Figma frames: live text, Auto Layout, images intact. Export to any of 10 code targets when you're ready to ship.
Capture a client's live site, annotate with callouts, and push to Figma before a redesign kickoff. Reference exactly what exists before proposing what's next.
Import competitor pages as editable frames. Measure spacing, extract typography, annotate interaction patterns. All without leaving the browser.
Overlay the production build against the Figma spec at adjustable opacity. Spot regressions without switching tools.
Capture from the browser, edit in Figma, export back to code in 10 targets. One tool, both directions.
Screenshot any state — including internal tools and staging environments — annotate the issue, and share a link. No screen-sharing call required.
Global hotkey. Region, window, or fullscreen. Annotate, record your screen, and sync captures across every machine you work on. Finally a snipping tool worth using.
Every install requires a license key. Request access below and we will get you set up.
Full capture pipeline. Chrome extension + Windows app + Figma plugin.
Everything in Standard, plus team features. 4-seat minimum.
Flugin is available by license key. Request access below and we'll get you set up within 24 hours.
You are on the list.
We will reach out within 24 hours. Watch your inbox.