← Documentation

Customizing Screenshots

Each screenshot in your project can be fully customized from the right panel (inspector). Select a screenshot in the canvas or sidebar to see its options.

Auto Layout

By default, screenshots use auto layout — the device bezel and text are positioned automatically based on alignment presets.

Bezel Alignment

Toggle "Auto" on the bezel to choose from pre-made positions:

  • Overflow Top / Overflow Bottom — the device clips at the edge of the screenshot
  • Top / Bottom — standard positioning with space for text
  • Top Leading / Top Trailing / Bottom Leading / Bottom Trailing — corner positions
  • Center — device centered, text hidden
  • Full Screen — device fills the entire screenshot, no bezel visible

Text Alignment

Toggle "Auto" on the text block to choose a position from a 9-point grid:

  • Top Leading, Top, Top Trailing
  • Leading, Center, Trailing
  • Bottom Leading, Bottom, Bottom Trailing

Manual Positioning

Turn off "Auto" to position elements manually. Drag the device or text block directly on the canvas. Use the position toolbar in the inspector to fine-tune:

  • X / Y offset — precise positioning
  • Scale — resize the element (0.1x to 2x for bezels, up to 5x for text)
  • Rotation — rotate with preset angles: -45°, -22.5°, -12°, 0°, 12°, 22.5°, 45°
  • Center X / Center Y — snap to center axis
  • Reset — restore default position and scale

Background

Solid Color

Enable the background color toggle and pick a color. The default mode is Solid — a single flat color.

Gradient

Switch to Linear Gradient to use multiple color stops:

  • Add or remove gradient stops with the + / - buttons
  • Reverse the gradient direction
  • Choose the gradient angle from 8 directions: Top, Top Trailing, Trailing, Bottom Trailing, Bottom, Bottom Leading, Leading, Top Leading

Background Image

Drop an image onto the background area or use the image picker. Options:

  • Content Mode — Fill (aspect fill) or Fit (aspect fit)
  • Opacity — 0% to 100%
  • Blur — 0 to 10
  • Blend Mode — Normal, Multiply, Screen, Overlay, Darken, Lighten, Color Dodge, Color Burn, Soft Light, Hard Light, Difference, Exclusion, and more

Text

Double-click a text block on the canvas to edit it. Each screenshot supports multiple text slots (title, subtitle, etc.).

Font

  • Font Family — System font or any font installed on your Mac
  • Size — Large Title, Title, Title 2, Title 3, Headline, Subheadline, Body, Callout, Footnote, Caption, Caption 2
  • Weight — Ultra Light, Thin, Light, Regular, Medium, Semibold, Bold, Heavy, Black
  • Width (system fonts only) — Compressed, Condensed, Standard, Expanded
  • Design (system fonts only) — Default, Serif, Rounded, Monospaced
  • Scale — Fine-tune size with a 0.5x to 2x multiplier
  • Letter Spacing — Adjust kerning from 0.5x to 20x

Color

  • Text Color — main color for all text
  • Highlight Color — color for text wrapped in [brackets]. Use this to emphasize keywords: Download [Screenshot Master] today

Outline

Add an outline effect to make text stand out over busy backgrounds:

  • None — no outline
  • Glow — colored glow behind text
  • Stroke — solid outline around text
  • Text Stroke — Apple-style text stroke

Adjust the color and thickness (0 to 30) of the outline.

Text Spacing

Control the spacing between text slots:

  • None (0px), Small (8px), Medium (16px), Large (32px)

Text Options

  • Shrink to Fit — automatically reduce font size if text is too wide
  • Keep Text Box — keep the text area visible even when the bezel is hidden
  • Hide — hide individual text slots or the entire text block

Text Box Background

Add a colored band behind the text:

  • Color and Opacity (0–100%)
  • Height — band height as a percentage of the screenshot (5–100%)
  • Vertical Offset — shift the band up or down (-50% to 50%)
  • Fade — soft edge fade amount (0–50%), with toggles for top and bottom edges

Device Bezel

Choose the device frame displayed on your screenshot.

Available Bezels

  • Borderless — no frame, just the app screenshot
  • iPhone 17 — Black, White, Lavender, Mist Blue, Sage
  • iPhone 17 Pro Max — Cosmic Orange, Deep Blue, Silver
  • iPhone Air — Gold, Sky Blue, Space Black, White
  • iPhone 16 Pro Max — Natural, White, Black, Gold
  • iPhone 16 Plus — White, Black, Ultramarine, Pink, Teal
  • iPhone 15 Pro — Natural, White, Black, Blue
  • iPhone SE
  • iPad — Silver, Bordered Light, Bordered Dark
  • Android — Bordered (left/center camera, light/dark), Google Pixel 5
  • Generic Bordered — Dark, Light

Bezel Options

  • Hide — hide the device frame entirely
  • Scale — resize from 0.1x to 2x
  • Rotation — rotate the device (-180° to 180°)
  • Shadow — add a drop shadow with customizable color and blur radius (0–30)
  • Z-Index — control stacking order relative to other elements

App Screenshot

Each bezel slot holds an app screenshot image. Drag a new image onto the bezel or use the image picker to replace it. The app screenshot can be different for each format and locale.

Last updated: