Back to Plugins
Website & HTML to Figma - translate.design

Website & HTML to Figma - translate.design

Convert websites and HTML into fully editable Figma designs

Plugin Preview

Website & HTML to Figma - translate.design preview

About this plugin

What this plugin does

Translate HTML to Figma converts real websites and HTML into fully editable Figma designs.

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


⚠️ This plugin is for design translation, not language translation.


Why designers use Translate HTML to Figma

  1. Generate design inspiration from real-world websites
  2. Redesign existing products by importing actual layers instead of screenshots
  3. Import designs from website builders and AI-generated sites
  4. Visually verify that developed websites match the intended design


How it works

  1. Enter a website URL and generate a Figma design
  2. Or scan any website — including localhost — using the Chrome extension
  3. Capture designs at multiple breakpoints for responsive layouts


Usage:

  1. 25 free credits every month
  2. No payment required to try
  3. More free usage than most comparable tools

Plugin Details

Version2
CreatedDecember 16, 2025
Last UpdatedDecember 16, 2025
CategoryImport & export plugins
Creatordsvk
Stats2 installs, 2 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.translate.design
    • https://aptom-dev.s3.ap-south-1.amazonaws.com