Website & HTML to Figma - hyperplane.design(previously translate.design)

What this plugin doesHyperplane's HTML to Figma plugin converts real websites and HTML into fully editable Figma designs — including sites built with AI tools like ChatGPT, Claude, Replit, Bolt, Lovable, v0, Cursor, Stitch, Webflow, Framer, and more.

Use it to import live websites, AI-generated sites, or local projects directly into Figma — saving hours of manual recreation while preserving layout structure and layers.

Note: We have rebranded recently from translate.design to hyperplane.designWhy designers use Hyperplane's HTML to Figma:

Import AI-generated websites from ChatGPT, Claude, Replit, Bolt, Lovable, v0, Stitch, and other AI coding tools into FigmaBring Webflow, Framer, Wix, Squarespace, and WordPress sites into Figma as editable layersGenerate design inspiration from real-world websitesRedesign existing products by importing actual layers instead of screenshotsVisually verify that developed websites match the intended designConvert any HTML/CSS to Figma components instantlyHow it works:

Enter a website URL and generate a Figma designOr scan any website — including localhost — using the Chrome extensionCapture designs at multiple breakpoints for responsive layoutsWorks with sites built in React, Next.js, Vue, Tailwind, and any HTML framework