Web2UI
Turning websites into Figma layers, so you don't have to.
12 followers
Turning websites into Figma layers, so you don't have to.
12 followers
Web2UI converts public URLs, localhost, signed-in pages, and HTML or ZIP files into editable Figma layers. Capture from Chrome or import directly in Figma, with text, images, layout, and supported styles preserved—without rebuilding it by hand.
Free Options
Launch Team / Built With
Render: Get up to $100K in startup creditsThe fastest way to launch and scale your startup in the cloud
Promoted
Hey Product Hunt ！👋
Why we built Web2UI
Existing webpages, HTML projects, and browser-based products often exist without editable design files. Turning these real interfaces back into structured Figma designs still requires a lot of manual work.
Who is it for
Designers, developers, and AI builders all face this gap:
Designers need editable designs from existing webpages.
Developers need design files from their implemented products.
AI builders need a way to move from generated webpages into editable design workflows.
What Web2UI does
Web2UI converts webpages, HTML projects, and browser captures into editable Figma layers.
It helps you bring real interfaces into Figma with editable text, layouts, images, and design structures.
What makes it different
Unlike workflows limited to public webpages, Web2UI supports real browser workflows, including localhost apps, logged-in pages, and internal dashboards through Chrome Capture.
We built Web2UI to bridge the gap between the web and design.
Would love to hear your feedback:
How do you currently move existing webpages into Figma?
What workflows would you like Web2UI to support next?
Thanks for checking out Web2UI ❤️