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.
Hey Product Hunt π
I built MockPilot for a very specific frustration I kept seeing on every team I've worked on: a PM (or designer, or support lead, or founder) has a clear idea for a feature or a tweak to an existing screen - but no fast way to show it. So they write a paragraph, drop in a screenshot with arrows, and hope the developer interprets it the way they meant. Half the time, they don't.
MockPilot fixes that. You point it at any URL - your own product, a competitor, anywhere - and it captures the page (or just one component) as a fully editable mockup. While it captures, it pulls the site's design system apart into a reusable asset library: typography, colors, components, icons.
Then you just describe what you want in plain English. "Add a second pricing tier between these two", "reuse the same card style", "Replace this empty state with a CTA to import data", "Make the nav sticky and add a search field." The AI does it, on-brand, using the assets it already extracted. No Figma. No CSS. No design background needed.
When you're happy, hand off a clean HTML export, deploy it, or just create a screenshot and send it to your developer. Suddenly "here's what I want" is a real artifact instead of a paragraph and a prayer.
It's an Electron app, fully local (captures never leave your machine), open source, and free. macOS and Windows builds are on the GitHub releases page.
A few things I'd love your feedback on:
1. PMs especially - what does your current "spec a UI change" workflow look like, and where does MockPilot fall short of replacing it?
2. What would make handoff to developers smoother - annotations? A diff view? Figma export?
3. Which sites break the capture? Bug reports very welcome.
Happy to answer anything - and thanks for checking it out! π
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.
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 :)
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?
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 ?
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.
About MockPilot on Product Hunt
βTurn live websites into editable mockupsβ
MockPilot launched on Product Hunt on June 15th, 2026 and earned 113 upvotes and 8 comments, placing #7 on the daily leaderboard. 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.
MockPilot was featured in Productivity (653.8k followers), Developer Tools (514k followers), Artificial Intelligence (471k followers) and GitHub (41.3k followers) on Product Hunt. Together, these topics include over 334.4k products, making this a competitive space to launch in.
Who hunted MockPilot?
MockPilot was hunted by Yoav Kadosh. A βhunterβ on Product Hunt is the community member who submits a product to the platform β uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how MockPilot stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Yoav Kadosh