An overview of how to design your App Store product page screenshots

Before embarking on how to integrate frameit to automate the process of beautifying our screenshots, we will first demonstrate the mainstream approach to edited screenshots. In this section, we will demonstrate one approach, which involves the use of one of the most popular contemporary designing tools, Sketch, to crop and frame screenshots around devices to create a more realistic and contextual visual impression. You could substitute the techniques with Adobe Photoshop or any other comparable graphic-authoring tool.

We have already learned how to generate screenshots in the previous chapter, both through snapshot, as well as manually via Xcode Simulator, and thus we assume you already have a set of screenshots to work with in this section.

Beautifying screenshots

Uploading your screenshots directly from the iOS Simulator can seem quite bland, and thus garnishing them with additional visuals, such as device frames, provides...