Launching today
MockPilot
Turn live websites into editable mockups
91 followers
Turn live websites into editable mockups
91 followers
MockPilot turns any live webpage into an editable mockup on your desktop. Use natural language - no design or coding skills needed. 📸 Capture full pages or single components from any URL 🎨 Auto-extracts typography, colors, components & icons into a reusable asset library 💬 Edit in plain English — just tell the AI what to change, and it uses your assets to keep everything on-brand 📦 Export as clean, standalone HTML Free & open source. macOS + Windows.
GradientArt
The asset library extraction is the part that grabs me, pulling a live site's typography and colors into something reusable so edits stay on brand is really handy. Curious whether the exported HTML comes out as semantic markup or mostly positioned divs. Congrats on shipping.
GradientArt
@i_sanjay_gautam thank you. I plan to expand this feature to let users grab components from other websites or from component banks and add them to the assets library so they can integrate them into the mockup.
As for the exported HTML, it's as semantic as the original website is. We don't change the original HTML other than stripping out redundant attributes (redundant in terms of visual appearance) and JS.
Good one! The thing I'd want to stress-test is sites that render client-side or lazy-load on scroll. Does the capture wait for the DOM to settle? Do you end up grabbing half-loaded components?
The live-site-to-editable-mockup flow is a great bridge for non-designers and fast product iteration. Auto-extracting typography, colors, and components is the practical bit. How clean is the exported HTML on complex responsive pages?
The PM-to-dev handoff use case is very real. A quick editable mockup from the actual live page would remove a lot of vague screenshot feedback and make small UI changes much easier to explain.
This look good especially for demo presentation, I have a question, can't it be developed fully without the hassle of going through all these processes ?
Bad and good news:
Figma is releasing their chrome extension (have you heard?) which seems to do similar as MockPilot, except just exports to Figma.
Bad news: competitor.
Good news: validation??
Anyways, congrats on the launch :)