Screen Studio Kit Product manual

Responsive layouts and localization

Adapt one screenshot system across aspect ratios and languages without turning every output into an unrelated page.

Design system2 min read6 sections

Start with one shared composition

Design the first screenshot at a representative output size. Get the message, frame and background working together before reviewing the other selected formats.

Keep the elements shared where the design still works. Add size-specific adjustments when a different shape needs more room for text or a different device position.

Test the extremes

Preview the widest, narrowest, largest, and smallest selected outputs early. Look for changes in line wrapping, device-frame balance, safe-area pressure, and the amount of application UI still visible.

Fix shared problems in the base composition. Use an override only when solving the shared design would make other targets worse.

Screen Studio Kit output matrix with portrait and landscape store assets
Output preview makes phone and feature-graphic differences visible before the export matrix is rendered.

Add targeted size overrides

Per-size overrides can change position, dimensions, or visibility for an output that genuinely needs different treatment. Document the purpose through clear layer and page naming.

Avoid recreating the full scene in overrides. If most layers diverge, consider whether that device family needs a deliberately separate page design.

  • Move text away from an unavoidable safe area.
  • Hide decoration that crowds a compact output.
  • Adjust a device frame when the screenshot becomes unreadable.

Set up languages

With Pro, add only the languages planned for the release and identify the source language. Text layers store language variants against stable page and layer identities.

Keep product names, legal marks, and translatable claims in separate layers when they follow different localization rules.

Exchange translations through CSV

Export translation CSV after page and text-layer names are stable. Translators can work with the copy while the project preserves the identifiers needed to return each value to the correct layer.

On import, review unknown, missing, or duplicate identifiers rather than assuming row order is meaningful.

  • Do not rename text layers during an active handoff.
  • Preserve Unicode content without spreadsheet-side substitutions.
  • Review the longest variants at the smallest output.

Check every size and language

Preflight checks missing translations, layer bounds, assets, page counts, output resolution, and store-specific format rules across the selected sizes and languages.

Resolve the report before rendering final assets. A clean representative preview does not prove that every language-size combination is complete.

Screen Studio Kit preflight listing warnings for the GolfSmart screenshot set, with no errors
Validation checks the complete real release matrix instead of relying on manual spot checks.

Make it with your app

Create your next screenshot set.

Bring an app capture, write the headline and shape the composition around it. Keep the design editable for the next release.

Follow the first-project guide →Browse the screenshot gallery →

Free & Pro: what’s included

Available on the Mac App Store and Microsoft Store. Free includes local projects, layer editing, three templates, six elements, asset management, preview, validation, device-frame editing, one size and one language per export, and up to 10 exported full-resolution images per local day. A one-time Pro purchase unlocks unlimited, multi-size and multi-language exports, all 26 built-in templates, custom templates, the complete element library, multiple languages with CSV translation workflows, automated capture recipes (not available in the Mac App Store version), and App Store Connect, Google Play, and Microsoft Store publishing.