Launched this week
MockPilot
Turn live websites into editable mockups
192 followers
Turn live websites into editable mockups
192 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.
Can this be imported into Claude Design and Claude Code afterward?
MockPilot
@natalia_iankovych absolutely, you just export it as HTML and CSS and you paste it in a Claude Code or Copilot.
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.
Dirac
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 :)
MockPilot
@peterz_shu Interesting! I haven't heard about that :) I'll look into it
Dirac
@yoav_kadosh great, tell me what you think abt it!
This sounds super interesting especially grabbing a sites design features, colours, fonts, icons etc... sounds like a much easier way than sending over a complete css file
"A paragraph and a prayer" perfectly captures the PM-to-dev handoff pain — turning a live page into an editable mockup is a great fix. Love that it's local-first and open source too. Congrats on the launch! Are you thinking about adding annotations or a diff view to make handoff even cleaner?