Design on the real thing.
Field notes on redesigning live websites without code — guides, use cases, and the occasional strong opinion.
✦ Featured
How to redesign any website without touching the code
Load a live page, click the thing you want to change, and ship a new look — no repo, no rebuild, no developer in the loop.
Latest
GuideEdit a website by describing the changePageBuild's AI agent turns a plain-English request into real edits on the page — not CSS to copy-paste, actual changes you keep or undo.
GuideEditing pages behind a login: the design problem nobody solvesDashboards, billing screens, account settings — the pages that matter most live behind auth, where most design tools can't reach. Here's how to edit them directly.
Use caseHow design agencies cut client revision cycles with live editsRevision rounds are where agency margins go to die. Editing the real site — and sharing a real snapshot — turns a week of email into an afternoon.
GuideDesign-to-dev handoff: export every change as clean JSONHandoff breaks because designers ship pictures and developers need diffs. Exporting edits as structured JSON closes that gap.
OpinionThe static mockup is dead — design on the real thingMockups were a workaround for a constraint that no longer exists. When you can edit the live page, designing a flat picture of it is just extra work.
ProductGenerate on-brand images right inside your design toolStop bouncing between an image generator, a download folder, and your editor. Generate a picture and drag it straight onto the canvas.