Figma

Figma is a browser extension that bridges the gap between live web content and design work in Figma. It allows you to capture live websites and bring them directly into Figma as editable layers, rather than static screenshots. This tool is particularly useful for designers who want to base their work on real, production-ready UI elements without manually recreating them.

Key Features

• Capture Live Pages or Elements: You can grab an entire web page or select specific elements from your browser. This works without needing access to the codebase, terminal, or any coding agent, making it accessible to designers and non-developers alike.
• Start from Production UI: Pull the latest production interface, a teammate's shipped modal, or any live page onto the Figma canvas. This allows you to iterate on real, current UI rather than starting from scratch or working from outdated mockups.
• Send to Figma as Editable Layers: Captured content is pasted into Figma as editable layers, not just images. This means you can manipulate, restyle, and build upon the captured elements, saving time and ensuring accuracy.
• Share Files in Calendar Events: Quickly add Figma or FigJam files to your Google Calendar events, so attendees have direct access to the relevant design resources. This streamlines collaboration and ensures everyone is on the same page.

Screen capture is currently in beta. For more information about how Figma helps teams build better products, visit figma.com.