CodeTea - HTML to Figma (Convert Website, URL, File, MHTML & Code Snippet to Design)
The smartest HTML Importer: Clone any Website (.mhtml) or Code Snippet into Editable Figma Layers.
Plugin Preview
About this plugin
CodeTea HTML to Figma is the ultimate plugin to convert any website URL, local HTML file, or code snippet into fully editable Figma designs!✨ CORE FEATURES: • Convert URL to Figma: Just enter any website link and instantly import the webpage as an editable Figma design.• Import Local Files (.mhtml, .html): Upload web archives saved on your computer to perfectly clone offline websites with all images and assets intact (Perfect for pages behind logins!).• Convert HTML Code to Figma: Paste any HTML code snippet directly into the plugin to generate Figma layers instantly.• Multiple Viewport Sizes: Generate designs for standard breakpoints including Phone (375w), Tablet (768w), Laptop (1440w), Desktop (1920w), or set your own Custom dimensions (Pro).🚀 HOW TO USE:1. Choose Source: Open the plugin and select the "URL", "File", or "Code" tab.2. Input Data: Enter the webpage link, drag-and-drop a local .mhtml/.html file, or paste your HTML snippet.3. Select Viewport: Choose your desired device width/height.4. Generate: Click the "HTML to Figma" button and watch your design come to life!🔥 WHY CHOOSE CODETEA?• Editable Layers: No flat screenshots! Everything is converted into editable text, vectors, shapes, and frames.• Offline & Login Support: With .mhtml support, you can import complex pages saved locally directly from your browser without losing a single image.• Smart Image Processing: Automatically fetches and perfectly resizes WebP, PNG, JPEG, and SVG assets.• Pixel-Perfect Fidelity: We maintain layouts, backgrounds, and typography with incredible accuracy.• Clean Structure: AI-driven layer naming and grouping for a professional, clean file.Learn more at: https://codetea.io
Plugin Details
| Version | 57 |
|---|---|
| Created | February 4, 2025 |
| Last Updated | July 18, 2026 |
| Category | Import & export plugins |
| Creator | Lam |
| Stats | 1148 installs, 165 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
This plugin needs to connect to a local API server for development purposes.
- Editor Types:figma
- Allowed Domains:
- https://*.google-analytics.com
- https://api.codetea.io
- https://asia-southeast1-tagjs-prod.cloudfunctions.net
- https://placehold.co
- https://storage.googleapis.com
More Like This
Discover other plugins in the Import & export plugins category.
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes
Export/Import Variables
Export variables from one file and import them to another. Supports modes, references, and scopes.