Flugin
Figma Plugin

Any website,
in Figma.

Paste a URL. Get a Figma frame. Flugin captures the full page in a headless browser, images, icons, fonts, forms, and layout, then materializes it as editable Figma nodes.

Flugin / capture capturing
petindustryresource.com walking
Images 0
Icons 0
Fonts 0
Page 1
nav
hero
nodes / 0 assets / 0
What gets captured

The full page, not just a screenshot.

Flugin runs a real headless browser and walks the DOM, every element, every style, every asset, then materializes the result as native Figma nodes you can edit.

Images & SVGs

Zero CORS failures

Every <img> and inline SVG is element-screenshotted in the browser context. No silent blank squares, no cross-origin blocks.

Icon Fonts

Font Awesome and friends

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.

Text & Typography

Resolved, not inherited

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.

Layout & Spacing

Auto Layout out of the box

Flex and grid layouts, padding, gaps, border radius, box shadows, and blend modes all transfer as Figma Auto Layout properties and layer effects.

Form Controls

Inputs, selects, textareas

Form fields are element-screenshotted as they appear in the browser. Placeholders, borders, and all custom styling are preserved as image nodes in Figma.

Lazy-Loaded Content

Nothing left behind

Flugin scrolls the full page before capturing, so IntersectionObserver-triggered images and embedded third-party widgets all load before the walk begins.

How it works

Three steps from URL to Figma frame.

01

Get your license

Request access below. Once approved, you receive a license key and install instructions. The plugin runs inside Figma and does not require any additional software.

02

Paste a URL

Enter any public web address. Flugin sends it to a headless browser, which loads the full page, scrolls to trigger lazy content, freezes animations for a stable snapshot, and walks the DOM.

03

Import into Figma

Figma frames appear in seconds. Text is live and editable. Images, icons, and form fields land as image nodes. Layout properties transfer as Auto Layout. Edit, reference, or hand off immediately.

Built for

Anyone who works between the web and Figma.

Agencies

Client site audits

Capture a client's live site into Figma before a redesign kickoff. Reference exactly what exists before proposing what's next.

Designers

Competitive research

Import competitor pages as editable frames. Measure spacing, extract typography, annotate interaction patterns, all in Figma.

Developers

Design QA

Capture the production build and overlay it against the design spec. Spot regressions without leaving Figma.

Teams

Component extraction

Pull an existing web component library into Figma. Rebuild the design system from production truth, not from memory.

Access

Invite only. License required.

Flugin is not a public plugin. Every install requires a license key issued by our team. Request early access below and we will get you set up.

Standard
$100 / mo

Full capture pipeline. License key required.

  • Unlimited URL imports
  • Images, SVGs & icon fonts
  • Text & typography
  • Layout & Auto Layout
  • Form controls
Request access
Early Access

Be first when Pro launches.

Multi-viewport capture, design token extraction, and team license management are coming. Drop your info and we will reach out when it opens.

Something went wrong. Please try again.

You are on the list.

We will reach out when Pro opens. Watch your inbox.