01 / Chrome
Capture what you see
Open the page you want to change, then click Snapture in Chrome's toolbar and choose what to capture.
Web pages,
editable in Figma.
Capture the screen you’re viewing, including signed-in pages, and edit its text and layout in Figma.
10 free captures per month. Resets every month.
Features
A starting point for your next screen update
02 / HTML + CSS
From HTML and CSS
Preview your code, adjust the width, then capture it.
03 / Figma
Auto Layout
Keep editing with Auto Layout where the captured layout can be preserved.
Components & styles
Matching repeated elements can become components. Supported text, colors and CSS color variables become local styles and variables.
04 / Viewport
At every width
Capture the layout that actually renders at each width.
Charts, maps, 3D
Charts, maps and 3D content may arrive as images. Those areas are not editable chart data or 3D models.
Batch capture
Paste a list of URLs, or pull them from the site's own sitemap, and Snapture opens and captures each one. Up to 30 pages per run.
How it works
- 01
Capture what you see
Open the page you want to change, then click Snapture in Chrome's toolbar and choose what to capture.
- 02
Copy for Figma
After capture, copy for Figma. You can also save a file and drop it into the plugin.
- 03
Edit in Figma
Open Snapture Import in your Figma file and paste with Cmd/Ctrl+V. Select a text layer to start editing.
Pricing
Pro
$5 /month
Unlimited captures. Batch capture included.
Get Pro Or pay yearly — $49 (2 months free)Stop redrawing what already exists.
First add the Chrome extension. Then open Snapture Import in Figma to paste your capture.