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

Version12
CreatedJanuary 20, 2026
Last UpdatedJune 8, 2026
CategoryImport & export plugins
CreatorMUSHFIQ KABIR
Stats63 installs, 6 likes
PricingFree

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