Skip to main content
Maxym
Maxym
New Participant
August 20, 2026

[Figma Plugin] Source → Design — turn HTML and frontend projects into editable Figma layers

  • August 20, 2026
  • 2 replies
  • 140 views

Hi Figma community,

I’m a product designer and I built Source → Design after repeatedly running into the same workflow problem:

AI tools and frontend teams can create a working interface in HTML or React very quickly, but bringing that result back into Figma usually means rebuilding it manually.

Source → Design converts HTML and frontend project files into clean, editable Figma designs with structured layers, text, colors, typography and layout preserved.

It supports HTML, React, Next.js, Vue and Svelte projects.

The goal is simple: make it easier to keep iterating in Figma when the interface already exists in code or the original Figma file is missing.

I’d genuinely love feedback from designers and frontend teams using real projects.

→ Try it here:
https://www.figma.com/community/plugin/1671982756700161071

→ More details:
https://sourcetodesign.com

    2 replies

    Saad Saif
    Saad Saif
    New Member
    August 21, 2026

    I am using htmltofigma.net
    I paste the url and get the editable figma design

    thats pretty similar to what you have created

      Maxym
      MaxymAuthor
      New Participant
      August 22, 2026

      Yes, it’s a similar workflow. The difference is that Source → Design also imports local HTML files and project ZIPs, so you can bring unpublished React, Next.js, Vue or Svelte interfaces from your desktop into Figma.

      Feel free to compare the import quality side by side on the same project.

      Terms & ConditionsAccessibility statement