translate.design

What It Is

translate.design is a tool that converts websites and HTML into Figma designs. It is aimed at designers working on inspiration gathering, redesigning legacy products, migrating pages from website builders, and checking how accurately development matches a design. Its core promise is to import real HTML directly into Figma and generate “fully editable layers” — in other words, preserving elements as editable layers as much as possible rather than simply producing screenshots.

Core Features and Workflow

The workflow described is straightforward: enter a website URL to get a Figma design. You can also use the Chrome extension to scan any website, including localhost, which is especially useful for validating pages in a local development environment. The tool also supports capturing designs across multiple breakpoints, making it suitable for analyzing responsive pages. The official site showcases raw Figma outputs generated from scans of popular websites, allowing users to judge conversion quality for themselves. It also claims that the output quality is comparable to mainstream HTML-to-Figma plugins and has been tested on 100+ real websites.

Pricing and Licensing

The currently confirmed pricing information is that users receive 25 free credits per month. This is compared against 10 free credits from html.to.design and 1 free credit from web-to-figma.design. The main text does not specify paid plans after the free quota is exceeded, how many credits a single page consumes, the refund policy, or supported payment methods. Licensing and copyright terms are also not clearly explained, such as the usage boundaries of generated files after importing third-party websites, or liability for commercial use. Enterprise users should verify these details before formal adoption.

Pros and Cons

The advantages are a low trial barrier, a simple workflow, and the ability to generate editable Figma structures directly from real web pages. This makes it particularly useful for speeding up page breakdown and collecting visual references before a redesign. Support for localhost and multiple breakpoints is also practical for real design-development collaboration. The limitations are that information disclosure remains limited: collaboration permissions, team management, export details, support for complex dynamic pages and logged-in pages, and customer support channels are not described.

Who It’s For and Access from China

translate.design is best suited for UI/UX designers, product design teams, indie developers, and redesign projects that need to quickly recreate page structures. Access from China cannot be determined based on the provided content, so it should be marked as unknown. If a team relies on Figma, they also need to consider Figma’s network accessibility, account availability, and payment options. Comparable alternatives include html.to.design, web-to-figma.design, as well as manually redrawing from screenshots or using browser developer tools to assist reconstruction.