Vellum imports any website, HTML, or CSS into Figma as clean, editable layers — measured pixel-for-pixel from the real rendered page. Redesign it, audit it, reuse it.
Plenty of tools drop a website into Figma as editable layers. Vellum is the one that measures every value from the real render, names what it can't reproduce instead of faking it, and never sends your work to a server.
Every coordinate, size, font weight and line-height comes from the browser's own layout — so the import matches the page exactly, down to the pixel. Nothing estimated.
When a font isn't installed or an image is CORS-locked, Vellum names it rather than faking a match. You always know what came through and what didn't.
No account, no tracking. The HTML and CSS you paste are traced locally and never reach us — the designs you make stay yours.
Vellum renders, measures, and rebuilds — right in your browser. Pasted HTML and CSS never leave your machine.
Paste HTML and CSS, drop an .html file, or enter a live URL. A full document or a fragment — both work.
The page renders in a hidden, sandboxed frame. Vellum walks the DOM and reads every getBoundingClientRect() and getComputedStyle() the browser produced.
The result lands as native nodes — frames, styled text, image fills and vectors, positioned exactly where the browser drew them. Restyle it, reuse it, ship it.
Render the same page at desktop, tablet, and mobile in a single trace — frames placed side by side.
A border-bottom stays one thin line — not a four-sided rectangle drawn around the block.
"ExtraBold" and "Extra Bold" resolve to the same weight. Inter 800 never silently collapses to a serif.
Every element lands at the exact position and size the browser gave it — no nudging, no drift.
Referenced images and CSS backgrounds download and embed as proper Figma image fills.
Inline SVGs come in as editable vectors, scaled to match their rendered size on the page.
No trials that expire into a wall. The Free plan is genuinely useful, forever. Pro is for the people who live in this workflow.
Pixel-for-pixel. Vellum renders your page in a real browser frame and reads the exact layout it produced — positions, sizes, font weights and colours. If the browser drew 312 pixels, Vellum draws 312 pixels.
The HTML and CSS you paste are traced entirely on your machine and never reach us. When you import a URL, your browser fetches it directly where it can; if the site blocks that, the request is relayed through Vellum's proxy so the import still works. The designs you produce are yours and never touch our systems. See the privacy policy.
Browsers block scripts from reading many third-party pages directly — a rule called CORS. Vellum routes those blocked requests through its own proxy, so most public URLs import with no extra steps. A page can still fail if the site is down or actively refuses automated requests; in that case, open it in your browser, copy the HTML, and paste it instead.
The 12-import counter resets on the first day of each month. Nothing you already imported is affected. If you need more before the reset, Pro removes the meter entirely.
A Pro license is meant for one designer. For teams, email support@getvellum.design and we'll sort out seats — no enterprise sales call required.
Fourteen days, no questions. If Vellum didn't earn its place in your workflow, email support@getvellum.design and we'll refund the purchase.
