Caroline Gao
Director of Product, Pragma
Other tools rebuild your product from scratch and often get it wrong. With Alloy you capture the page and go. I use it almost every day.
HTML to Design Tool
The page you want to redesign already exists. Capture its HTML and start designing on top of the real thing.
Capture HTML with the extension
works on any page you can open — including behind a login
How HTML becomes a design
Capture a page once and iterate on it like a design file that never stopped working
Capture the HTML
Restyle anything by chatting with AI
Share a clickable design for review
Trusted by teams who design on top of their real product.
Alejandro Alonso
Product Designer, CompanyCam
The Chrome extension gives me really high-fidelity screens - I never get that level of fidelity in other platforms. I hand them straight to engineers.
Luka Kankaras
Product, Storylane
Alloy gives me fast prototypes that look exactly like my product - that's the big differentiator. My team instantly gets what I mean.
Ghadeer Essa
Product Designer, Contract
Alloy captures web screens in seconds - even pages behind a login. Most other tools can't do this.
Caden Ulanet
Product, Humanaut Health
With other tools, users would get lost. Alloy lets me prototype inside an interface that already feels familiar to them.
Joyce Gorospe
Product Support Specialist, Applicaa
The screen capture copies the exact layout and UI of our system. And the select button is a lifesaver.
A design that never stops working
HTML-to-Figma plugins convert pages into static vector layers. Alloy keeps the page alive, so the design you iterate on is still the working HTML.
| Capability | HTML-to-Figma plugins | Alloy |
|---|---|---|
| What you get | Static vector layers inside a design file | A living design that stays clickable, backed by the original HTML |
| Interactions | Menus, modals, and hover states flatten into shapes | Captured as real states you can open and restyle |
| Making changes | Manual editing, layer by layer, frame by frame | Select and edit visually, or describe the change in AI chat |
| Back to production | The redesign is pictures — engineers rebuild it in code | The design never stopped being HTML — export the code directly |
Going the other direction — from a picture of a UI to working markup? Try the image to HTML converter.
Frequently asked questions
It means taking a page that already exists as HTML — your product, a marketing site, a competitor’s flow — and turning it into a design you can iterate on. Instead of rebuilding the screen by hand in a design tool, you start from the finished page and work backwards into new versions of it.
Capture the page with the Alloy Chrome extension, or paste a public URL. Alloy opens the captured HTML as an editable design in your browser: the layout, styles, fonts, and images are all the originals, and you change them by selecting elements or describing edits in AI chat.
Yes — Figma plugins can convert a web page into vector layers, and that works well when the goal is a static design file. The trade-off is that the result stops being a web page: interactions flatten, and any redesign has to be rebuilt in code later. Alloy keeps the design as HTML the whole way through, so it stays clickable and the code stays real.
Yes. Because the design is built from the captured page itself rather than a lookalike, the exact fonts, colors, spacing, and images carry over. Nothing is re-rendered or approximated.
Yes. The Chrome extension captures whatever your browser is showing, so signed-in dashboards, settings pages, and internal tools convert into editable designs exactly as you see them.
Yes. Interactive states are captured as part of the HTML rather than being flattened into a screenshot, so you can open a dropdown in the design and restyle it like anything else on the page.
Yes. Select any element and edit it directly, or tell the AI what you want — “make this hero darker, swap the illustration, tighten the spacing” — and the change is applied to the underlying HTML for you. Engineers can still open the code whenever they want.
The design was HTML all along, so there is no handoff translation. Export the updated code to your project, or keep sharing the live prototype link while feedback rolls in.
It's the same engine pointed the other way. Here you start from HTML and get a design to iterate on; the image to HTML converter starts from what you can see and hands back the markup. Both avoid AI redrawing — and if you're weighing the wider tool landscape, see our guide to the best AI prototyping tools.
Yes. Capturing HTML and turning it into an editable design is free, no credit card required. Paid plans add higher limits and team features.
Only if you own the site or have the rights and permissions to capture and use it. Alloy's Terms of Use require lawful use of the Services, so make sure you are authorised before working from someone else's HTML, content, or assets.