DesTools

Visually refine a live web interface and copy the changes as instructions for a coding agent.

DesTools lets you tweak a live web page the way you would in a design tool, then hand the result to your AI coding agent. • Select any element and adjust layout, spacing, typography, borders, grid and more from a side panel • Duplicate, remove, move and rearrange elements directly on the page • Hold ⌥ (Alt) to measure distances between elements • Edit several elements at once, with full undo/redo • Review every change, then copy it as Markdown or JSON instructions for Claude, Cursor, Copilot or any coding agent Private by design: DesTools runs entirely in your browser, makes no network requests and has no standing access to websites. It only acts on a tab after you click its icon.