Figma: Chrome extension captures webpages as editable design layers

Figma launched a Chrome extension in beta on June 11, 2026, that captures any webpage — or a specific element on it — and pastes it into Figma as editable design layers rather than a flat screenshot. The extension is available to users on paid plans during the beta period.

The workflow: install the extension, navigate to any webpage, click the Figma icon in the Chrome toolbar, then use “Select element” to capture a specific region or “Capture page” for the full page. The captured content copies to clipboard and pastes into Figma Design or FigJam with a standard paste shortcut. Content arrives as structured Figma layers — frames, text, images, and shapes — which designers can move, restyle, and rebuild directly on the canvas.

For teams doing competitive analysis or working from reference designs, this removes a consistent friction point. Instead of taking a screenshot, pasting it as a static image, and then manually recreating the structure, the extension delivers a starting point that is already layered and editable. Figma notes that the extension also integrates with Figma Make, so captured content can feed into prototyping workflows without an additional export step.

Current limitations matter for daily use. Sites relying on heavy JavaScript animation, canvas rendering, or virtualized list components may not translate cleanly into Figma layers. Privileged browser pages such as chrome:// addresses cannot be captured at all. Design system mapping is not yet included — elements arrive as plain layers without automatic component or variable matching. Figma has indicated that mapping to design system tokens and components is planned for a future update.

The extension is in beta, which means behavior may change and access is limited to paid plan users. Figma has described it as a first step toward workflows where captured web content integrates more directly with existing design systems.