LogoDocumentação do AppScreenshots

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.