Back to Plugins

Website & HTML to Figma - translate.design
Convert websites and HTML into fully editable Figma designs
Plugin 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
- Generate design inspiration from real-world websites
- Redesign existing products by importing actual layers instead of screenshots
- Import designs from website builders and AI-generated sites
- Visually verify that developed websites match the intended design
How it works
- Enter a website URL and generate a Figma design
- Or scan any website — including localhost — using the Chrome extension
- Capture designs at multiple breakpoints for responsive layouts
Usage:
- 25 free credits every month
- No payment required to try
- More free usage than most comparable tools
Plugin Details
| Version | 2 |
|---|---|
| Created | December 16, 2025 |
| Last Updated | December 16, 2025 |
| Category | Import & export plugins |
| Creator | dsvk |
| Stats | 2 installs, 2 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML