HTML to Figma – Import a Live Site Design into Figma

In plain words

HTML to Figma is a tool that converts website designs into Figma files by importing live site layouts directly into the design platform. It enables designers and developers to analyze existing websites by recreating their structure and styling in Figma's design environment. The tool is useful for those who need to deconstruct web designs, compare layouts, or use existing sites as design references without manually recreating elements.

written from the facts on this page · September 2026

• 
  html.to.design2022 · figma.com · ▲513

  Convert any website into fully editable Figma designs

• 
  html.to.design 2.02023 · figma.com · ▲300

  Convert any website into fully editable Figma designs

• 
  Figma to HTML Website by Siter.io2023 · siter.io · ▲264

  Convert your Figma design to live HTML website - no-code

• 
  html.to.design 3.02024 · html.to.design · ▲169

  Convert any website into fully editable Figma designs

• 
  figma.to.website2024 · figma.to.website · ▲386

  Design and deploy websites without leaving Figma

• 
  Figma to Webflow plugin2023 · figma.com · ▲434

  Design websites in Figma, launch in Webflow

• 
  /dev/null▲494

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Run full iOS 16.5 firmware on Android Devices▲470

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 22h ago · github.com

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  Terms & Conditions Generator by iubenda▲891

  Attorney-approved terms and conditions generator

  Dev tools · 2019 · iubenda.com

• 
  See a Satellite Tonight. No Telescope Required▲863

  Satellites 🛰️ are visible in the night sky, no telescope required, if you know where to look. Find out here.

  Life & fun · 2019 · james.darpinian.com

• 
  100,000 Faces▲845

  Free resource of 100k diverse faces generated by AI

  AI · 2019 · generated.photos

• 
  Cyberpunk web design made easy, really easy▲775

  Life & fun · 2019 · augmented-ui.com

• 
  Browse Reddit in 3D▲720

  Life & fun · 2019 · 3dforreddit.com

• AS
  A Senior Engineer's CheckList▲662

  Sharing something that I wrote for my use but I think can be useful to others (I am an engineer with the title of Senior Software Engineer) Visit [1] for a full list (table view gives a lot of options. See "Controls"). Visit [2] for a summary. The source of the list is at [3] 1. https://littleblah.com/post/2019-09-01-senior-engineer-checklist/ 2. https://medium.com/@littleblah/my-top-25-items-in-a-senior-engineers-checklist-c8e9f9f6e3c2 3. https://github.com/littleblah/senior-engineer-checklist Feedbacks/Pull requests…

  Dev tools · 2019