Skip to content
livery
Create

Browser extension

Copy Any Site, or Measure It

Copy a website into Figma, every page with its text, images, videos and fonts, or record a walkthrough as you browse. Or measure the pages you're signed into, like your app's dashboard, into a private kit.

Add to Chrome, free Livery for Figma Privacy details

Copy to Figma

Three Ways to Copy

Copies are private to your account. Open them in Figma with the Livery plugin: every page as editable layers, with links that click through.

  1. This page

    Everything on the page you're looking at: its text, images, videos, icons and fonts, laid out exactly as it is.

  2. The whole site

    This page and the pages it links to on the same site, opened one by one in a tab of their own, up to your plan's limit.

  3. A walkthrough

    Browse as you normally would while Livery records the tab. When you stop, it copies each page you visited, with the video.

Get started

Three Steps, Once

  1. 01Install the extensionFree on the Chrome Web Store, for Chrome, Edge, Brave and Arc.Add to Chrome
  2. 02Connect it to your accountSign in first; your private kits are kept in your account.Sign in
  3. 03Measure a page behind your loginOpen the page, click the Livery icon and choose a kit. You'll see what's sent before anything leaves the page.

Measuring for a kit

What Happens, Step by Step

The extension only touches the tab you clicked, only when you click, and puts the page back exactly as it was.

  1. liveryapp.example.com
    example.comYour kit · next version v4
    A new private kitJust this page, to start
    Measure this page
    01

    Choose Where It Goes

    Click the Livery icon on the page and pick a kit for this site, or start a new one. Nothing runs before you press Measure.

  2. Hi, Jordan

    Revenue

    $48,210

    Stays

    Sent

    02

    The Words Stay Here

    The page is measured in your browser. Its text becomes a few numbers, like sentence length, and is never sent.

  3. 12 type styles14 spacing values

    CancelSend
    03

    You Check It First

    You see the picture with all content removed and every number that would be sent. Cancel, or press Send.

  4. example.com: your pagesv4 · private · 3 pages
    Only you can see itPublish
    04

    Private Until You Publish

    The page joins your kit as a new private version. Install it yourself, or publish it when you're ready.

What a measurement sends

Measurements, for Your Kit

Measuring a page for a kit sends only this. Copying a site for Figma sends the whole page to your private copy instead.

What's sent

  • Measurements of the design: colours, fonts, spacing, corners, motion and layout
  • One picture of the page with every piece of text and every image removed
  • The page's address, so the kit can name it
  • A few numbers about the writing (sentence length, casing), worked out in your browser

Never sent

  • The page's text, images or form contents
  • Passwords, cookies or anything you've typed
  • Other tabs, your history, or pages you didn't choose
  • Anything at all before you've seen it and pressed Send

Same site only

A page can join a kit only if it's on the same site. Subdomains count, so app.example.com joins example.com.

Yours stays yours

Adding a page to a kit you own makes its next version. Adding to someone else's kit gives you a private copy; theirs never changes.

Publish when ready

Kits with measured pages are private. Your account page lists them, with the install prompt and a Publish button.