Introducing Web to Design. Turn any website into an editable UI. Just paste a URL. Create new variants, different pages, or build components inspired by the original design. We’ve been using this internally a ton, it’s the fastest way to go from a raw idea to a prototype.

Learn how it works in @MagicPathAI here

In a really fun instance, I cloned the Google Design brand guidelines and then asked @MagicPathAI to create a photo app inspired by those guidelines.

Link to the photo app here, feel free to remix!

"Editable inspiration"

Pasted our main competitor's website into this, asked it to redesign our homepage using their brand colors. Shipping it on Monday. Legal wants to "have a conversation." Scheduled them for Q4.

So damn good! MagicPath one of the few in the space truly pushing the paradigm :)

woah no way the images too?! wondering how well it works with gif/lottie animation etc

As long as the images are public links, yes :) and if not you can always add them in MagicPath!

wow great feature 🫡🫡

🔥🔥🔥

We’ve been bringing the heat!

Two years ago this required a design team, a sprint planning meeting, and three weeks. Now it's a URL and ten minutes. The sprint planning meeting was the bottleneck the whole time.

🚢’ing 🔥

editable UI from any URL changes the design process.

Just tested it, working really well!! Great job

LETS GOOO!

Well done @skirano and team 👏🏼 this is impressive.

Thank you!

I love your posts

Thank you!

You've been killing it with this. I'd really love to talk to you guys about what we're building at @pierrecomputer , i think theres a great opportunity to work together in a couple ways

So epic!

No way!

ahah you better believe it!

ive been trying to achieve this for a while through variious methods - this is lit, well done man

very cool!!

Thank you!

just paste a URL... this is going to save so many hours for people who aren't designers but still need to iterate fast

Yo @GriffCrypto check this out

Can I can this via API on my magic path subscription? I've got a business module I can build tomorrow with this

wait you just paste a URL and get editable UI? thats going to save so many hours on client mockups

This is huge

Dm??

Looks awesome 🔥🔥

cooking with 🔥

Dope

This looks great. So no Figma in the loop?

Can we now modify an existing webapp via the github repo?

@nicholasscimeca 👀👀

fine ill use it

this is actually the workflow i've been waiting for. the gap between "inspect this site" and "give me a working component" was always the painful part

The gap between inspiration and execution just vanished. Static design is the baseline now; the real differentiator is how we inject dynamic personality into these layouts. Static is the start, motion is the finish. Excited to test this!

Can it not use a URL ? Instead maybe an extension? The urls I want to recreate are behind auth walls :)

For that you can use our web extension, so you can capture components from anything you see

Ok that's insane