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

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

Convert websites and HTML into fully editable Figma designs

Plugin Preview

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

About this plugin

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

Plugin Details

Version4
CreatedDecember 16, 2025
Last UpdatedMay 18, 2026
CategoryImport & export plugins
Creatordsvk
Stats45 installs, 8 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.hyperplane.design
    • https://hyperplane-assets.s3.ap-south-1.amazonaws.com