DOM Studio

DOM Studio for Mac

Record every screen flow
in seconds.

Walk through any website once. DOM Studio captures every screen as real HTML — desktop and mobile side by side, tablet too, flows and a tree you can rearrange, ready for Figma, Cursor or Claude.

Download for Macv1.0.20See a real Screeny→
DOM Studio recording the Uber Eats home on desktop and mobile side by side, with the captured screens listed on the right.
Recording ubereats.com on desktop and mobile at once. Every screen you reach shows up in the panel the moment it settles.

Built to document products for AI. One walk-through becomes context your tools can read.

  • Cursor

    Paste the Screeny. Cursor builds from your real screens and flows, not a guess.

  • Claude

    Every screen, flow and URL as context in one paste — desktop and mobile.

  • Figma

    Real desktop and mobile screens to start the design from, not blurry screenshots.

How it works

Three steps. The third one is automatic.

  1. DOM Studio with a website loaded and the record button ready.
    1

    Record

    Open any site in DOM Studio and press record. No browser extension, no setup.

  2. The recording panel listing captured screens while the site is being navigated, with the sessions sidebar collapsed.
    2

    Walk through it once

    Click around like a user. Screens, loading states, dropdowns and revisits are recognized as you go.

  3. The generated Screeny Flows with connected screens and the inspector listing every screen.
    3

    Get your Screeny

    Every screen named, flows plus a Tree you can rearrange. Download it as HTML or copy the whole map for your AI.

The Screeny view

A Screeny is the HTML map of every screen you walked through — named, connected in Flows and Tree, desktop and mobile together. This one is a real export from DOM Studio.

Explore Screeny→

Who it’s for

Developers

Reference the real markup of every screen instead of a folder of blurry screenshots.

Designers

Map a competitor or your own product in minutes — cover, sections and flows, ready to drop into Figma.

AI coders

Copy for AI gives Cursor or Claude the full list of screens and flows, with URLs, in one paste.

Marketing

Walk a campaign or a competitor’s funnel once. Every landing, checkout and modal is named and ready to share.

Product managers

See the real walk — screens, flows and a tree — before you write the spec or the ticket.

Researchers

Capture a study as a Screeny. Every screen named, with the URL, so notes sit on the actual UI.

What’s new

Small releases as the Mac app takes shape.

  1. 1.0.20

    LatestNov 1, 2026
    • When a newer version is out, an Update button in the top bar downloads it and opens the installer.

Stop screenshotting apps by hand.

One walk-through, every screen on desktop and mobile. I’m not charging for it yet.

Download for Macv1.0.20