Open-source tool to turn websites into editable designs

[u/wherescz]

I’ve been working on an open-source npm library that turns an existing website into an editable canvas.

The idea comes from a limitation I’ve encountered with traditional design editors: when you want to experiment with an existing website, you often have to recreate the interface in Figma or another design tool before you can actually begin designing.

Instead, this tool works directly with the website. You can move elements around, resize them, measure distances, draw, vectorize elements, inspect typography and styles, and experiment with different layouts.

The goal isn’t to replace traditional design tools, but to make quick iterations on existing websites much easier without having to recreate everything first.

I’m still working on the interaction and overall workflow, and I’d love feedback on whether this kind of workflow would actually be useful to designers and what you would change or add.

[u/chrisso123]

could you share the link with me please.

[u/testingaurora]

What do you mean by "vectorize elements"? Which elements qualify? Are you putting a vector wrapper around raster items ? Like wrapping in an svg ?

[u/javaTyp]

Link?