Screenshot Editor
Learn how to use the AppScreenshots visual editor to create stunning app store screenshots.
Screenshot Editor
The Screenshot Editor is the core tool of AppScreenshots, providing a powerful canvas-based interface for creating professional app store screenshots.
Canvas Overview
The editor uses a frame-based system where each frame represents one screenshot. You can:
- Add multiple frames - Create a series of screenshots for your app listing.
- Zoom and pan - Navigate the canvas with zoom controls (25%-200%).
- Switch orientation - Toggle between horizontal and vertical layout.
Element Types
Device Frames
Add realistic device mockups to showcase your app:
- iPhone - Modern iPhone models with Dynamic Island or notch.
- iPad - Various iPad sizes and orientations.
- Android - Pixel and Samsung style devices.
- HarmonyOS - Huawei device mockups.
- Browser - Chrome, Safari, and generic browser windows.
Text Elements
Add compelling copy to your screenshots:
- Custom fonts with Google Fonts support.
- Multi-language content for localization.
- Full text styling (size, weight, color, alignment).
Shape Elements
Enhance your designs with shapes:
- Rectangle, circle, and rounded rectangle.
- Customizable fill and stroke colors.
- Adjustable corner radius.
Icon Elements
Add icons from the Lucide icon library:
- 1000+ icons available.
- Customizable color and size.
- Consistent visual style.
Editing Tools
Selection and Transform
- Click to select elements.
- Drag to move elements.
- Resize handles for scaling.
- Rotation control for angled elements.
Properties Panel
The right sidebar shows properties for the selected element:
- Position & Size - X, Y coordinates, width, height.
- Appearance - Colors, opacity, borders.
- Content - Text content, image source.
- Multi-language - Localized content for different languages.
Background Options
Customize frame backgrounds:
- Solid colors - Choose from presets or custom colors.
- Gradients - Linear gradients with customizable angles.
- Images - Upload background images.
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Delete / Backspace | Delete selected element |
Ctrl/Cmd + Z | Undo |
Ctrl/Cmd + Shift + Z | Redo |
Ctrl/Cmd + C | Copy |
Ctrl/Cmd + V | Paste |
Export Options
Export your screenshots in various ways:
- Single frame - Download the current frame as PNG.
- All frames - Download all frames for the current language.
- Batch export - Export all frames in all languages as a ZIP file.
All exports are generated at 2x resolution for crisp, high-quality images suitable for app stores.
AppScreenshots Docs