Clean
Layers named after what they are, with Auto Layout wherever the page is a row or column.
- HeroAuto
- Heading
- Paragraph
- ButtonAuto
- ServicesGrid
- CardAuto
A Figma plugin
Any website, rebuilt as editable Figma layers.
Paste a URL. Get real frames, text, images and Auto Layout, at every screen size.
- Auto Layout
- Colour & text styles
- Components
- Desktop to mobile
Layers- Home — Laptop 1440
- HeaderAuto
- HeroAuto
- Heading – Welcome
- Paragraph
- Button – Get started
- FeaturesGrid
- Card×3
- Image – Product
- Home — Mobile 390
Real layers
A live site in. Editable Figma out.
Frames, text, images and Auto Layout, named after what they are. Not a screenshot: every word is a text layer, in the page’s own fonts.
- Text stays text
- Auto Layout
- Grids
- Images
In Figma
See for yourself
Drag the line.
On the left, aryastra.com in Chrome. On the right, the same page after a Reweave import at 1440 wide, in Clean mode. Nothing retouched.
Desktop to mobile
Every screen size, in one import.
Pick any widths and Reweave captures the page at each one, laid out side by side as separate frames.
- Desktop 1920
- Laptop 1440
- Tablet 768
- Mobile 390
Simple by design
Paste a URL. Pick your sizes. Import.
One window, three choices: where the page comes from, which screen sizes, and how tidy the result should be.
Reweave
- Four sourcesA URL, your browser, pasted HTML or a ZIP.
- Any widthFive presets, each one editable.
- Three modesClean, Faithful or Detect Components.
From your browser
The page you see, or just the part you need.
The free Reweave Capture extension for Chrome captures a page exactly as it is in your tab: logged in, menu open, step 3 of a form. Or select just the nav, a pricing table or a card, and each comes into Figma as its own frame.
- Logged-in pages
- Select elements
- Every screen size
- Capture this pageThe whole page, at any screen size.
- Select elementsClick the parts you want, up to 12.
- One codePaste it into Reweave in Figma.
Coming soon to the Chrome Web Store.
Three modes
As tidy as you need it.
Readable layer names, the page’s own names for handing over to developers, or repeated cards turned into components.
Faithful
Exactly as shipped: the same layout, with layer names straight from the page’s HTML.
- section.heroAuto
- h1
- p
- a.btnAuto
- div.gridGrid
- div.cardAuto
Detect Components
Clean, plus repeated cards and rows turned into a component and its instances. You approve each one.
- HeroAuto
- Heading
- ServicesGrid
- Service card
- Service card
- Service card
Colours & type
The site’s colours and type, as styles.
Reweave reads the page’s own colours and text styles and creates them as Figma styles, already applied to the layers. The file starts organised, not as a pile of loose colour codes.
- Colour styles
- Text styles
Private by design
You decide what leaves Figma.
Pasted HTML and ZIP files are rebuilt right inside Figma. Only URL imports and browser captures use the Reweave service, which never stores your pages.
Paste HTML
Rebuilt inside Figma. Nothing is sent anywhere.
Stays on your computerZIP
An exported site with its CSS and images, rebuilt inside Figma.
Stays on your computerImport URL
The address goes to the Reweave service, which opens the page and sends it back.
Page never storedFrom browser
Capture a page as you see it, logged in, or just the parts you select, with the Chrome extension.
Coming soon
66
test pages score every change to Reweave, for layout, type, spacing and how closely the result matches the page, before it ships. Anything an import approximates is listed in its report, with a button that takes you to the layer.
Pricing
Free to try properly. One price when you use it for work.
Free
$0
No account, no card.
- 15 imports a month
- Every feature, at full quality
- All four sources and every screen size
- Resets on the first of each month
ProSave 31%
$99a year
$8.25 a month, billed once a year. Cancel any time; you keep Pro until the period ends.
- Unlimited imports
- On 2 Figma accounts, such as work and personal
- Email support from the people who build it
- Every update as it ships
Unlimited means fair use: up to 50 imports a day, which no one designing by hand reaches. Write to us if you need more.
Prices are in US dollars. Sales tax or VAT is added at checkout where it applies.
Payments are handled by Dodo Payments, who sell Reweave on our behalf. Your license key arrives by email.
Questions
Asked before you buy.
What counts as an import?
One page, at every screen size you chose. Importing a page at desktop, tablet and phone is one import. An import that fails is not counted.
What happens when I reach 15?
Reweave tells you, and offers Pro. Nothing you have already imported changes, and the count starts again on the first of the next month (UTC, the world’s standard time).
How do I activate Pro?
After checkout your license key arrives by email. In Figma, open Reweave, then Options, paste the key under Pro license key and press Activate.
Can I use one license on two computers?
A license works on two Figma accounts, on any number of computers. To move it to a third account, press Remove on one of the others first.
Can I cancel, or get a refund?
Cancel any time in the Dodo Payments customer portal, linked below, or by writing to us. Pro stays on until the end of the period you paid for. If Reweave does not work for you, write within 7 days of your first payment for a full refund.
What does Reweave send to your server?
For Import URL, the address. For From browser, the page you captured. For every import, a count: the kind of import and your Figma account and computer as scrambled codes that cannot be turned back into your details. Pasted HTML and ZIP files never leave Figma.
Can I import just one part of a page?
Yes, with the Reweave Capture extension for Chrome. Press Select elements, click the parts you want, such as a nav, a pricing table or a card, and press Enter. Each one comes into Figma as its own frame, named after what it is.
Does it work on any website?
Most. Pages that block automated visits, or that need a login, can be captured from your own browser with the Reweave Capture extension for Chrome. Drawings made in code (canvas) come in as images, and anything Reweave approximates is listed in the import report, with a link to the layer.
Your next Figma file starts with a URL.
Get Reweave for Figma
15 free imports a month. No account, no card.