How to Create App Store Screenshots in Figma
Creating a complete App Store screenshot set manually can involve repeating the same layout, device and background work across multiple screens. App Store Screenshot Studio simplifies this process directly inside Figma. Upload your app screenshots, choose a Story Layout and background, and generate a complete screenshot story in seconds. In this guide, we'll walk through the actual workflow.
1. Prepare Your App Screenshots
Start with screenshots from the screens you want to showcase on the App Store.
Choose screenshots that communicate the most important parts of your app.
App Store Screenshot Studio supports uploading up to 6 screenshots at a time.
For the best results, use high-quality screenshots captured directly from your app.
2. Upload Your Screenshots
Open App Store Screenshot Studio inside Figma and add the screenshots you want to use.
You can click to upload or drag and drop your images into the plugin.
The selected screenshots appear inside the plugin so you can confirm which screens will be used before continuing.
3. Choose a Story Layout
Next, choose how the screenshots should be presented.
App Store Screenshot Studio includes multiple Story Layouts designed to create a consistent screenshot sequence.
Different layouts use different compositions and arrangements across the screenshot set.
Choose the layout that best fits the app and the type of story you want the screenshots to communicate.
4. Choose a Background
Choose the visual style for the screenshot set.
App Store Screenshot Studio provides different background options including:
- Solid colors
- Gradients
- Patterns
Choose a background that works well with your app's interface and branding.
The selected background will be applied as part of the generated screenshot story.
5. Generate the Complete Screenshot Story
Once your screenshots, Story Layout and background are selected, generate the design.
App Store Screenshot Studio automatically creates the screenshot story directly in Figma using your selected images and design options.
Instead of manually building each screenshot individually, the complete set is generated together using the chosen Story Layout.
6. Review and Customize in Figma
After generating the screenshot set, review the result directly in Figma.
Because the workflow stays inside Figma, you can continue working with the generated design and make adjustments where needed before exporting your final App Store screenshots.
Why Use an App Store Screenshot Generator?
Creating App Store screenshots manually gives you full control, but repeating the same design work across several screenshots can take time.
An App Store screenshot generator can speed up the repetitive parts of the process while still giving you a consistent screenshot story.
App Store Screenshot Studio is built specifically for this workflow inside Figma — from uploading your screenshots to generating the complete visual set.
Frequently Asked Questions
Can I create App Store screenshots directly in Figma?
Yes. App Store Screenshot Studio runs inside Figma and generates the screenshot story directly in your Figma file.
How many screenshots can I upload?
You can upload up to 6 screenshots at a time in App Store Screenshot Studio.
Can I use different layouts?
Yes. The plugin includes multiple Story Layouts with different compositions for presenting your screenshots.
Can I choose the background?
Yes. You can choose from solid colors, gradients and patterns before generating the screenshot story.
Can I edit the result after generating it?
Yes. The generated design is created in Figma so you can continue working with it after generation.
How to Create an iPhone Mockup in Figma (Without Photoshop)
Turn a flat app screenshot or Figma frame into a realistic iPhone mockup in three clicks with Easy Mockup. No Photoshop, no mockup files to hunt down.
How to Create Perspective Mockups in Figma (Without Photoshop)
Place a screenshot into any tilted phone, laptop or monitor mockup without leaving Figma. Four steps, no Photoshop, no 3D software.
How to Compress Images in Figma
Large images can quickly make exports heavier than they need to be. But compressing them often means exporting from Figma, opening another tool, compressing the files, and bringing them back into your workflow.