Figma's new Chrome extension turns live webpages into editable layers

Every designer knows the tedious ritual of remaking an existing website: take a screenshot, drag it into Figma, drop some guides, guess the font sizes, and rebuild the entire layout box by box.

Figma rolled out an official Chrome extension designed to kill that chore once and for all. Its promise is straightforward: capture any live, running webpage and convert it straight into editable Figma design layers.

From live browser to editable canvas

Until now, pulling web layouts into Figma usually meant relying on screenshots or buggy third-party plugins that spit out broken vectors and messy layer trees.

Figma's new extension takes a cleaner, first-party approach. You install the Chrome extension, sign in with your Figma account, and grab the page you are viewing.

Instead of capturing flat pixels, it translates the website layout into workable design layers inside your Figma file. Text stays text, containers retain their relative placement, and you can jump straight into editing colors, copy, and components without reconstructing anything from scratch.

Whether you are conducting competitive teardowns, prepping a redesign, or moodboarding live products, pulling real-world UI into your workspace is down to a single click.

Beta status and a paywall check

There is a small catch before you jump in.

Figma noted that the extension is currently in beta, and access is restricted to users on paid plans. If you are on the free tier, you will have to wait for a broader rollout.

There is also the question of real-world messiness. Real websites are packed with complex flexbox hacks, dynamic scripts, and responsive quirks. How cleanly the extension preserves these layouts under stressful web apps remains to be seen.

Why it matters

For designers, this is an instant quality-of-life win. Rebuilding an existing app flow for a client pitch or audit used to swallow hours of mind-numbing busywork. Turning that into a one-click import frees up real creative time. In our view, paying users will find immediate utility here.

Strategically, Figma is plugging an obvious hole. A small cottage industry of third-party "HTML-to-Figma" converters has existed for years with mixed results. By shipping a native solution, Figma effectively wipes out those single-feature utilities while locking design teams deeper into its own ecosystem.

More importantly, it flips the traditional design pipeline. For years, the industry obsessed over turning Figma designs into production code. Bringing live production code seamlessly back into Figma closes the loop—and makes the boundary between web and canvas blurrier than ever.