There are many online services for checking the appearance of the application showcase. I do not use them, because they do not integrate with the main tool (Photoshop, Sketch, Figma). It is important in the process of creating graphics to immediately see what will happen in the end, rather than download the intermediate results by 100500 times. Now I use the templates in Photoshop made on my knees. They are ugly, but they perform their functions well.
In this note, I'll talk about the first attempt to brush the template without losing the main function.
The template is made in Figma. This is a conditionally free tool (can function fully in the browser) to create interfaces and prototypes, analog Sketch. Unlike Photoshop, it's much easier and faster. Works on Windows and iOS, and Sketch only on iOS.
So that not only designers, but also marketers could use the template, I decided to start with Figma.
Components
The template is built using components (analog smart objects Photoshop). Allows on the fly to update the icon changes in all places where it is present. Works with
Preview graphics of the main pages of the App Store on iPad and iPhone
Can show preview page of application, search and desktop icon for iPad (Pro, Air) and iPhone (7, X). You can skip the thumbnail image thumbnail for approval in the chat or add a user and point to discuss the design directly in the layout.
Output of graphics in accordance with technical requirements
Export graphics for download to the App Store. It is convenient if you create graphics in Figma.
Sticks
The template can be modified: change the color of the device, composition of the preview. The distance between the screenshots is proportional to the actual on the application page. It is convenient in case you need to draw rolling elements on several screenshots.
How to use
Sign in / register, copy the template