Back to Plugins
URL to Figma

URL to Figma

Turn any web page into editable Figma layers.

Plugin Preview

URL to Figma preview

About this plugin

URL to Figma rebuilds any live web page — or a single component you pick with the companion Chrome extension — as clean, editable Figma layers, not a flat screenshot.Paste a URL (or send a component from your browser) and get real Frames, Text, Images and inline SVG vectors, with Auto Layout, colors (including modern oklch), gradients, corner radii, borders, shadows and spacing reconstructed automatically.Great for kickstarting a redesign, documenting production UI, or quickly recreating pages and components as a starting point.Tabs:- URL — paste any page address and import the whole page.- Component — pair once with the "Component to Figma" Chrome extension, then pick any element on any site and it appears here automatically.Just for import Component to Figma:Chrome extension (for the Component tab): https://chromewebstore.google.com/detail/component-to-figma/dpopienmfkbggkpndfpmacbliiobboebNotes: fonts not installed in your Figma fall back to Inter; charts/canvas come in as images.

Plugin Details

Version12
CreatedJuly 9, 2026
Last UpdatedAugust 6, 2026
CategoryImport & export plugins
CreatorMohammadreza Shadpour
Stats50 installs, 15 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