Back to Plugins
Web to Figma

Web to Figma

Convert live websites into pixel-perfect Figma designs with Auto Layout.

Plugin Preview

Web to Figma 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

Version8
CreatedJanuary 20, 2026
Last UpdatedMarch 1, 2026
CategoryImport & export plugins
CreatorMUSHFIQ KABIR
Stats16 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma