Web pages,
editable in Figma.

Capture the screen you’re viewing, including signed-in pages, and edit its text and layout in Figma.

Add to Chrome Get Snapture Import for Figma

Unlimited free captures.

Features

A starting point for your next screen update

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.

Copy for Figma
02 / HTML + CSS

From HTML and CSS

Preview your code, adjust the width, then capture it.

From HTML and CSS
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.

Figma
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

  1. 01

    Capture what you see

    Open the page you want to change, then click Snapture in Chrome's toolbar and choose what to capture.

  2. 02

    Copy for Figma

    After capture, copy for Figma. You can also save a file and drop it into the plugin.

  3. 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

Free
$0

Unlimited free captures.

All capture features are free, including batch capture, multiple widths, Auto Layout, components and styles.

Add to Chrome

The free 1.3.7 update is ready. Until it reaches the stores, installed versions may still show the previous limits.

Stop redrawing what already exists.

First add the Chrome extension. Then open Snapture Import in Figma to paste your capture.

Add to Chrome Get Snapture Import for Figma