WEB PAGES, CAUGHT IN FIGMA

Catch a page.
Start designing.

Capture a webpage, the current viewport, or one element in Chrome. Bring supported text, images, vectors, and layout into Figma as editable layers.

Both products are available from their official stores.

THE FLOW

From browser to working layers.

Pick the part of a page you need, then choose the handoff that fits your work.

01

Capture

Use the Chrome extension to catch a selected element, the visible viewport, or the full loaded page.

02

Choose a handoff

Copy directly for a Figma paste, save a .labr archive, or turn on Send to Figma for cloud sync.

03

Inspect and edit

Review the imported layers in Figma. Fonts, blocked assets, iframes, and complex layouts can need manual attention.

TWO USEFUL PATHS

Stay local, or carry a flow across.

Both paths rebuild supported content as native layers. A saved archive remains yours to keep.

Direct paste or file

Copy to Figma from Chrome, or save a .labr file and open it with the Figma plugin. No Lillabr sync upload is needed.

Send to Figma

Optional sync lets the plugin list and import captures from a paired browser. It uploads the archive and a thumbnail to the selected sync server.

A CLEAR CHOICE

Your capture can contain private page content.

Sync starts off. When you turn on the developer-operated service, it receives the complete capture and thumbnail, and its operator can read them. Direct paste and saved files remain available without that upload.

Read the privacy policy