NOT A SCREENSHOT
A real layer tree.
Other tools paste a flattened image. Vellum rebuilds the page as frames, text with styles, image fills, and vectors — every node editable.
Vellum traces HTML, CSS, and live URLs into native, editable Figma layers. It measures the browser's own layout engine — it doesn't guess.
The HTML-to-Figma category is full of tools that flatten a page to a bitmap, or hand it to a model and hope. Vellum does neither.
Other tools paste a flattened image. Vellum rebuilds the page as frames, text with styles, image fills, and vectors — every node editable.
No model invents what's in your design. Coordinates, weights, and line-heights come straight from the browser's layout engine.
If a typeface is missing or an image is CORS-locked, Vellum names the gap. It never substitutes something and pretends it matched.
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, Auto Layout where the source used flex. 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.
Flex containers with consistent gaps become real Auto Layout. Irregular ones stay pixel-exact.
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.
Correct. There is no model anywhere in the import path. Vellum renders your input in a real browser frame and reads the layout the browser computed. If the browser drew 312 pixels, Vellum draws 312 pixels. Nothing is predicted.
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 activates on a small number of devices. For larger teams, write to help@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 help@getvellum.design and we'll refund the purchase.