LogoAppScreenshots Docs

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

ShortcutAction
Delete / BackspaceDelete selected element
Ctrl/Cmd + ZUndo
Ctrl/Cmd + Shift + ZRedo
Ctrl/Cmd + CCopy
Ctrl/Cmd + VPaste

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.