AppScreenshots DocsCreate your first screenshot set
Make one complete, reusable app-store screenshot from a blank project or template.
Create your first screenshot set
Use this walkthrough when you want to learn the editor by completing real work—not by exploring every control first. The outcome is one saved project and one PNG you can review with your team.
Before opening the editor
| Prepare | Why it matters |
|---|---|
| One real app screen | It gives the device frame something credible to show. |
| One audience benefit | It becomes the headline for the first frame. |
| A logo or key visual | It keeps the screenshot recognizably on brand. |
| A target platform | It helps you select an appropriate template and frame. |
| A language plan | Separate the website interface language, project master language, and delivery markets. |
Tip: Start with the main language and one platform. Make that version read well before adding more frames or translations.
Your website interface language does not automatically set the screenshot-project language. See Language support and locale mapping before enabling project locales.
Sign in and create a project
Open Dashboard and choose New Project, or open the Screenshot Editor directly. A signed-in account is required to save the project to the cloud; the editor will ask you to sign in when you save if needed.
Choose a blank canvas or a template
In the left sidebar, open Templates to start from a ready-made sequence, or open Devices to build a frame from scratch. A template is the quickest choice when its aspect and visual direction already fit the target listing.
Applying a template replaces the current canvas content. If you are testing a new direction, create or duplicate a project first.
Put a real app screen in a device
Add a device from Devices, select it on the canvas, then use Device Properties → Upload Screenshot. You can also upload an image in Uploads and apply it to the selected device.
Choose the source capture that most clearly proves the headline you plan to add next.
Add one clear message
Open Text, choose Add Text, and edit the selected text in Text Properties. Use a short outcome-led headline, such as “Plan every workout in one place,” rather than a feature inventory.
Move, resize, and layer the text until it remains readable without covering the useful part of the product screen.
Set the background and review the composition
Open Background and choose a solid color, gradient, or image. Keep contrast high between the background, headline, and device. Use the canvas zoom controls to inspect details, then zoom out to check the first-glance reading order.
Save and export a review copy
Give the project a meaningful name in the header and click Save. Then open Download and choose Download Current Frame. This creates a PNG for the active frame; use it for a quick internal review before expanding the set.
Your first-frame review
Before making frame two, answer these four questions:
- Can someone understand the main benefit in a quick glance?
- Does the product screen visibly support that benefit?
- Are text and key UI details readable at a smaller preview size?
- Could another teammate open the saved project and make the next change?
If the answer is yes, continue with Plan a complete screenshot set. If the screenshot needs visual refinement, see Design with elements and backgrounds.