Skip to content

From web page to layers, in one paste.

2T Design is a Chrome extension that turns any web page into editable Figma layers. Click, paste, and take the design from there.

Free for up to 5 captures a month, no credit card.

Web pageDrag to compare the web page with what lands in Figma. Figma layers

Three moves, and your page is in Figma.

  1. 1

    Open the page

    A live site, a page behind your login, or an HTML file sitting on your computer.

  2. 2

    Copy it

    The whole page in one click, or just the element you point at.

  3. 3

    Paste into Figma

    Layers, text and auto layout arrive ready to edit.

What lands in Figma

The browser's exact rendering, measured to the pixel, organised into layers you can edit.

The real fonts, their variable weights and the browser's own line breaks. Every text layer stays editable.

Properties

Font
Georgia
Weight
400
Size
64
Line height
66
Colour
#24302D

In FigCraft too.

FigCraft is the open-source alternative to Figma that you can host yourself. The same Ctrl + V pastes the same layers into it: text, auto layout and vectors.

Images arrive with FigCraft's next release: we've proposed the fix to the project.

See FigCraft on GitHub

Nothing leaves your browser.

Conversion happens entirely in Chrome, on your computer. The pages you copy never go through our servers: only your account and your subscription concern us.

Network during a capture
DomainContentSize
fonts.gstatic.comFont48 Ko
atelier-nacre.frImage212 Ko
atelier-nacre.frStylesheet18 Ko
2T Design serversNo page content0 bytes

The only resources downloaded are the page's own: its fonts and its images. On the free plan, a simple capture counter is updated.

A fair price, free for students.

Start for free. Go Pro when you copy often.

  • Free

    To try it out and get unstuck.

    €0 forever

    No credit card.

    • 5 captures a month
    • Every conversion feature
    • 100% local conversion
  • Pro

    Recommended

    For people who copy often.

    €5a month

    No commitment, billed monthly.

    • Unlimited captures
    • Every conversion feature
    • Invoices for your bookkeeping
    • Cancel in two clicks
    Go Pro

    Secure payment with Stripe

  • Student

    All of Pro, on us.

    €0 while you study

    With your school email address.

    • Unlimited captures
    • Verified with your school email
    • Renewed every year

Prices in euros, VAT not applicable (article 293 B of the French Tax Code). No commitment.

Compare plans in detail

Frequently asked questions

Do I need a Figma plugin?

No. 2T Design writes straight to the clipboard in Figma's own format: paste with Ctrl + V (⌘ + V on Mac), just like copying between two Figma files.

Are my pages sent anywhere?

No. Conversion runs in Chrome, on your computer. Our servers only receive what relates to your account: your email address, your subscription and this month's capture count.

Does it work with an HTML file on my computer?

Yes. Open the file in Chrome, turn on “Allow access to file URLs” on the extension's details page, then copy it like any other site.

What about a page behind a login?

That works too. 2T Design copies the page exactly as you see it, with your session: dashboards, admin panels or protected mock-ups.

Does the text stay editable in Figma?

Yes. Every piece of text is a real text layer, with its font, size, line height and colour. If a font isn't installed on your computer, Figma offers to replace it.

Which browser do I need?

Google Chrome on desktop, on Windows, macOS or Linux.

Your next mock-up starts with Ctrl + V.

Install the extension, copy a page, paste it into Figma.

Add to Chrome