Quick Start

Get from raw screenshots to export-ready App Store images in five quick steps.

Create a project

Open ButterKit and click Create New Project.

Bring in your screenshots

You have a few options:

  • Xcode Simulator: ButterKit’s capture widget appears automatically when a Simulator is running.
  • Drag and drop: Drop any PNG or JPG directly onto the canvas.
  • Fastlane: Automate captures with Fastlane and link the output folder to ButterKit.

Tip: No screenshots handy? Take a quick Simulator screenshot (⌘S) or use any sample PNG.

Frame it in 3D

  1. Create an artboard and select the right size preset (e.g. iPhone for the App Store).
  2. Drag a screenshot onto the artboard to automatically frame it in a 3D device.
ButterKit mac app screenshot showing basic UI sections

Select an artboard in the main canvas (3) and edit in the Inspector (4)

Add localizations

  1. Select an artboard and open the Text section in the Inspector.
  2. Write a headline that highlights a key feature.
  3. In the Localizations panel (section 1 above), click + to add languages. Translate automatically on-device or with providers like OpenAI.

Tip: If you would rather translate manually, just select “Manual” in the “Translate with” dropdown when adding a localization.

Export

  1. Press Export in the top right.
  2. Pick which artboards to include, choose an output folder, and hit Export.
  3. Bulk export your PNGs or upload straight to App Store Connect. Voila!
Export your screenshots for App Store Connect

Quickly translate your screenshots into all App Store Connect languages

That’s it! You now have professionally-designed, translated screenshots ready for App Store Connect.

Quick Help