What is html.to.design?
html.to.design is a free Figma plugin, powered by the same technology as story.to.design, that converts any website into fully editable Figma designs. Designers can leverage an existing website and import its html into Figma to kick-start their own designs, without having to build each element from scratch.
How does it work? Simply copy a website’s URL, paste it into the plugin and click ‘Import’. html.to.design converts the entire webpage into Figma designs that can be fully edited and altered.
Why did we make it?
We believe that code-to-design tools can bring huge benefits and efficiency to front-end teams. Why build every element of a website’s design manually, when we can take advantage of an existing website’s html?
And we’re live!
We introduced html.to.design to the world last week and the community’s response has been amazing. We’re excited to see how the tool evolves.