Getting started
Open Mocksy and create a new project. Enter a name, choose the Empty or Default template (8 screens with title, subtitle, and device), and pick a default font. You can open an existing project from the library (local or iCloud) or import a project file. Use “Import screenshots as new screens” to add screens from photos (with or without a default title).
Editor and canvas
The editor shows your screens in a strip or grid. Select a screen to edit it. Use zoom and full-screen if available. The canvas size matches your preset (e.g. iPhone 6.9" or iPad 13").
Managing screens
Add a new screen, duplicate the current one, or delete it. Use “Order Screens” to drag screens into the desired order. Use “Copy style to all” or “Use this background on other screens” to keep design consistent. For mixed iPhone/iPad projects, use “Copy to iPhone screens” or “Copy to iPad screens” as needed.
Managing layers
Add a layer: Text, Device, Photo, or Shape (from the layer menu or canvas context menu). Select a layer on the canvas to edit it in the Inspector. Use “Order Layers” to reorder; long-press to reorder, swipe to delete. Cut, copy, and paste layers; move selected layer forward or backward.
Device layer
Add a device layer to show an iPhone or iPad frame. Import a screenshot from your photo library to place inside the frame. In the Inspector, choose the device template, screenshot fit (Aspect Fit, Aspect Fill, Zoom), and offset X/Y to position the screenshot.
Text layer
Edit content, font, size, weight, color, and alignment. Add shadow or outer glow (distance, size, diffusion, direction, color). Adjust opacity and z-index. Enable “Span across screens” to let the text run across multiple screens; use spanning groups for full control over start/end.
Spanning
Create a spanning group (or convert selected layers to spanning). Add a spanning bezel if needed. Switch to “Edit Spanning” mode to work on the strip. Set the start and end screen for the group in the Inspector.
Background
With no layer selected, the Inspector shows the background. Choose solid or gradient (linear/radial), set colors and stops, blend, and position (e.g. center X/Y, radius).
Export
In Export, choose “All screens” or “Selected screens” and pick which screens to include. Set format (PNG/JPEG), JPEG quality, and output name. Tap “Export screens” to save to the export folder. Open “Export folder” to view or delete exported images.
App Store Connect
In Export, open “Upload to App Store Connect.” Enter Issuer ID and Key ID, then import the .p8 file. Tap “Load apps,” select your app and version, then select at least one locale. Use the in-app tutorial for detailed steps. Run preflight to check counts, then upload. You can save credentials as a preset for next time.
Project file
Generate a project file from Export to back up or share the project. On another device, use the project library to import the file (and any referenced media).
Settings
Change appearance (system/light/dark), theme (Studio Dark, Dawn, Forest, Ocean), text size, and app language. Enable “Sync projects via iCloud” to keep projects in iCloud; disable to store locally only. Check sync status and any error message in Settings.
