Translate websites & HTML to Figma design
Whether for inspiration or redesign, save hours by importing real HTML directly into Figma with fully editable layers.
Try it freeSee real websites translated to Figma
We've scanned popular websites and shared the raw Figma output so you can judge quality for yourself.
Why designers choose translate.design
Output quality on par with top HTML-to-Figma plugins
Tested across 100+ real-world websites for reliability
25 free credits every month — more than any comparable tool
How designers use translate.design
Generate design inspiration from live websites
Redesign existing products faster by importing real layouts
Bring designs from website builders like Lovable into Figma
Visually verify that developed websites match the design
Simple workflow
- 1Enter a website URL and get a Figma design
- 2Scan any site — including localhost — using the Chrome extension
- 3Capture designs at multiple breakpoints
Start free, no commitment
translate.design gives you more room to try before you decide.
translate.design
25 free credits / month
html.to.design
10 free credits / month
web-to-figma.design
1 free credit / month