Skip to content
DemoTakeDocs
Download
DocsOverview
Docs / Screenshots / Store screenshots

Store screenshots

Capture your real app once and export App Store, Google Play and web screenshots in every exact size, with device frames and headlines. Your agent can do it for you, and CI can regenerate them when the UI changes.

DemoTake Agent and StudioApp StoreGoogle PlayWeb

Every store wants screenshots in its own sizes: a 6.9-inch iPhone, a 13-inch iPad, a 16:10 Mac, a 9:16 Android phone, a 1200 × 630 link preview. Making them by hand means cropping, framing and retyping headlines for each size, and doing it all again when the UI changes. DemoTake's Screenshots section does it from one set of captures of the real app.

Four App Store screenshots of the Tidewell demo app in a phone frame, each with a headline
A 1320 × 2868 App Store screenshot rendered by DemoTake from a capture of the running app.

How it works

  1. Capturewindow, simulator, screen or area
  2. Add headlines
  3. Pick formatsApp Store · Google Play · web
  4. Export Allexact sizes + manifest.json
One capture per screen becomes every size you need.
  1. Capture the screens you want to show: a window, an iOS Simulator device, a whole display, or an area you drag out. Captures are taken at full Retina resolution. See Capturing screens.
  2. Write the words. Each shot can have a headline and a subheadline; the set can have defaults.
  3. Pick the formats. Tick the store sizes you need; the preview grid shows every output live. See Store formats and sizes.
  4. Style it with a background, a device frame and a type style. See Composing: frames, backgrounds and headlines.
  5. Export All renders every shot in every format at its exact pixel size, in folders per store and device, with a manifest.json.

Screenshot Sets

Captures live in a Screenshot Set: one app's screens, their headlines, a style and the output formats. Sets are stored in your library next to your takes, as a .shots package inside the project folder, so they're on your Mac, in Finder, and easy to back up.

In a set What it is
Shots One capture per screen, in order, each with a name, headline, subheadline and hidden regions
Formats The store and web sizes to render, from the preset list
Style Background, device frame, frame color, headline type style, position and fit
Exports The rendered screenshots and manifest.json, replaced on every export

Privacy

Secret Guard reads each capture before it's saved and blurs text that looks secret, such as email addresses, API keys and card numbers. You can hide more regions by dragging on a capture; they're hidden in every output. Captures and exports stay on your Mac.

Tip:

Name your shots after the screen they show ("Dashboard", "Settings"). The name is part of each file name and it is how DemoTake finds the shot again when you re-capture it or regenerate the set from a spec.

Both editions

Capturing, composing and exporting work in DemoTake Agent and DemoTake Studio. Operating the app to reach a screen (the steps of a spec, or the steps of a capture call) needs DemoTake Agent. In Studio, bring the screen up yourself or with your own tools, then capture it. iOS Simulator devices are captured directly in DemoTake Agent; in Studio, capture the Simulator window.

Was this page helpful?