Web to Figma
Convert live websites into pixel-perfect Figma designs with Auto Layout.
Plugin Preview
About this plugin
Web to Figma is a production-grade dual-part tool (Chrome Extension + Figma Plugin) that bridges the gap between web development and design. It captures live web pages and reconstructs them into high-fidelity, editable Figma files with structural intelligence.Visit our website: https://webtofig.vercel.app/Key Features:📐 Intelligent Auto Layout: Automatically converts HTML structures (Flexbox, Grid) into responsive Figma Auto Layouts with correct sizing (FILL, FIXED, HUG), spacing, and alignment.💎 "Mirror Image" Fidelity: A strict capture engine that ignores hidden elements and off-screen noise to deliver a clean, professional layer tree.❖ Smart Components & Variants: Automatically identifies repeated patterns (buttons, cards) and organizes them into a local component library with pre-wired prototype interactions.⚡ Parallel Processing: Handles high-res assets and complex DOM trees in seconds using optimized multi-threaded reconstruction.🎨 Premium UI: Features a sleek "Cosmic Glass" dark mode interface designed for modern workflows.How to get started:Install the Web to Figma Chrome Extension.Capture any webpage to generate a .htfig file.Run this plugin in Figma and upload your file.Watch your design rebuild with full Auto Layout support
Plugin Details
| Version | 8 |
|---|---|
| Created | January 20, 2026 |
| Last Updated | March 1, 2026 |
| Category | Import & export plugins |
| Creator | MUSHFIQ KABIR |
| Stats | 16 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
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