Skip to content
DIVE is also available forFirefoxand Safari(coming soon)
All use cases

Designers

Redesign any website

Most design tools want you to start in a file. DIVE lets you start on a rendered page the extension can script (your site, a staging URL, or another scriptable page) and redesign it visually in your browser. It does not bypass browser protections, and the preview is not a source change.

The problem

Recreating a real page in Figma so you can iterate on it is enormous setup cost. By the time the mock is ready, the live page has changed. Iteration in a mock that doesn't match production means decisions that don't translate.

The workflow

  1. 1

    Open the page

    Browse to a localhost, staging, or production URL the extension can script. Open the DIVE side panel.

  2. 2

    Click anything; edit anything

    Typography, colour, layout, spacing, motion, effects, copy, DOM. Every input is a real control, not a CSS textarea.

  3. 3

    Compare before / after

    Use the screenshot button to capture before, make your edits, capture after.

  4. 4

    Export the spec

    Hand a structured diff to engineering, or to a coding agent that has separate repository access. Someone still reviews the source change.

The outcome

You designed on the rendered page. Shipping still requires a source change; the browser preview is not production.