Back to Plugins
URL to Figma - Website to Figma - Import any Website to Figma

URL to Figma - Website to Figma - Import any Website to Figma

Import any website or web component into Figma as clean, editable layers — not a screenshot

Plugin Preview

URL to Figma - Website to Figma - Import any Website to Figma preview

About this plugin

URL to Figma — import any website into Figma as clean, editable layers (not a flat screenshot).URL to Figma turns any live web page — or a single component you pick with the companion Chrome extension — into real, editable Figma layers. Paste a URL and get proper Frames, Text, Images and inline SVG vectors, rebuilt automatically with Auto Layout, colors, gradients, corner radii, borders, shadows and spacing.It's the fastest way to bring a website, landing page, dashboard, or UI component into Figma without rebuilding it by hand. Unlike a screenshot-to-Figma import, every element arrives as a native layer you can select, restyle, and reuse.Why designers use URL to Figma- Kickstart a redesign from an existing website or a competitor's page- Document and version production UI inside Figma- Recreate pages and components as an editable starting point- Build a reference library from real, shipped screens- Turn HTML/CSS you already have into Figma layersWhat gets reconstructed- Real Frames, Text, and Images — fully editable- Inline SVG icons and vectors- Auto Layout inferred from the page's structure- Colors, including modern CSS oklch / Color 4- Gradients, corner radii, borders, and shadows- Padding, spacing, and alignmentTwo ways to import- URL tab — paste any page address and import the whole page.- Component tab — pair once with the free "Component to Figma" Chrome extension, then click any element on any site (including dashboards, web apps, and pages behind a login) and it drops into Figma automatically.Get the Chrome extension (for the Component to Figma tab):https://chromewebstore.google.com/detail/component-to-figma/dpopienmfkbggkpndfpmacbliiobboebGood to know- Fonts not installed in your Figma fall back to Inter.- Charts and canvas elements come in as images.- Large or complex pages import best at a smaller viewport width.Whether you call it website to Figma, HTML to Figma, or a URL importer, URL to Figma gets your web UI into Figma as editable design in seconds.

Plugin Details

Version20
CreatedJuly 9, 2026
Last UpdatedAugust 22, 2026
CategoryImport & export plugins
CreatorMohammadreza Shadpour
Stats55 installs, 16 likes
PricingFree

Technical Details

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

    Sends the target URL to the extraction backend and receives the design tree (and inlined image data) used to rebuild the page as editable Figma layers.

  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhost:4000
    • https://figma.downloadx.ir