Creating Screenshot Assets for Your Branded App

What This Does

You'll quickly create custom preview screenshots for your branded mobile app. This helps you meet Apple App Store and Google Play Store submission requirements.

 

What To Know First

  • To use the Disco-provided template, access to a Figma account is required (free).
  • Screenshot specifications must be followed exactly. Apple requires exact dimensions for screenshots. Even a one-pixel difference will cause your app submission to be rejected.
  • You can get creative when creating your screenshots, as long as they meet the dimension requirements. View different approaches for creating screenshots here.

 

How to use the Figma template for app screenshots

This Loom video will walk you through using the Figma template to create app screenshots and submit them via the Asset Intake Form.

  1. Duplicate the Figma template
    • Open the template file in Figma.
      Click the dropdown arrow next to the file name.
    • Select Duplicate to make a copy for your team.
  2. Customize the mockups
    • Choose five to 10 mockups from the template. Select screens highlighting different app areas.
    • Replace template elements (colors, icons, images) with your own brand assets. This creates a fully branded preview.
  3. Prepare your screenshots
    • Use the provided canvas to prepare screenshots meeting both Apple App Store and Google Play Store requirements.
    • Double-check screenshot dimensions against Apple's exact size specifications.
  4. Export your assets
    • In Figma, select your finalized app icon, feature graphic, and screenshots.
    • Click File > Export to save these assets to your device.
  5. Submit your assets

That's it. Your app screenshots are ready for submission.