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 | 12 |
|---|---|
| Created | January 20, 2026 |
| Last Updated | June 8, 2026 |
| Category | Import & export plugins |
| Creator | MUSHFIQ KABIR |
| Stats | 63 installs, 6 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Allow loading Figma webfonts (Inter), source maps, and telemetry.
- Editor Types:figma
- Allowed Domains:
- https://browser-intake-datadoghq.com
- https://static.figma.com
- https://www.figma.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.