PAVEL EDITOR

A Figma-style visual editor for any live web page. Click the icon to start editing; COPY FOR AI exports the changes.

PAVEL EDITOR turns any live web page into a design canvas. Click the toolbar icon on any page and edit it directly: • Select with click, shift+click or a marquee; Figma-style handles and readouts • Drag anything anywhere; solo mode moves one element without shifting the page • Resize from edges; reorder cards inside flex/grid rows by dragging • Full inspector: spacing box model, typography, colours (with the site's own design tokens), shadows, flex controls; scrubbable inputs; responsive units • Truthful responsive editing: edits made at a device size apply only at that size; preview iPhone/iPad/laptop in a built-in device frame • Circle anything freehand and attach notes, review-style • Before/after flip, A/B variants, image drop-swap, reference-mock overlay • Full undo history; edits survive reloads Then press COPY FOR AI: the whole session exports as a structured report that names the real file and CSS rule behind every change, so your AI assistant (or your developer) applies it to the actual codebase faithfully. 100% local and private: no accounts, no tracking, nothing leaves your browser. Open source (MIT): github.com/hodkovickybuh/pavel-editor