Documentation
Design
Callouts
Add a Callout

Add a Callout

ButterKit is trusted by thousands of developers worldwide to ship to all 50 App Store languages. Learn more

App Screenshots are how you visually tell your app’s story, and often times it’s important to draw your users’ focus to one specific area of the screenshot. That’s why ButterKit includes the Callouts feature. It’s a powerful but simple too you can add in seconds.

To add a Callout:

Select an artboard

Open the Devices tab in the Inspector, or press ⌘2

If you don’t already have a 3D device added, add one (e.g. iPhone 17 Pro Max)

Press “Add Callout”

Select a region to emphasize, and press “Add Callout”

Customize

You can adjust the callout altitude (distance from the screenshot), scale (size), and corner radius. You can also stylize the border to match the look you’re going for.

Voilà!

It’s that easy. ButterKit does the heavy lifting for you. Share your screenshots and app launch on the ButterKit Discord or subreddit for feedback and support from fellow builders/designers/devs.

Quick Help