Creating Tips Using the new TipKit Framework in iOS 17

It’s always important to make your app as intuitive as possible. However, for some features, it may be helpful to provide extra information to teach users how to use them effectively. That’s where TipKit comes in. Introduced in iOS 17, TipKit is a framework for displaying tips in your app, allowing developers to offer additional guidance and ensuring users to make the most of your app’s features.

In this tutorial, we will explore the TipKit framework and see how to create tips for a demo app using SwiftUI.

Using the TipKit Framework

To use the TipKit framework, you have to first import it into your project:

import TipKit

Understanding the Tip Protocol

To create a tip using the TipKit framework, you need to adopt the Tip protocol to configure the content of the tip. Tips consist of a title and a short description. Optionally, you can include an image to associate with the tip.

For example, to setup the “Save as favorite” tip, you can create a struct that conforms to the Tip protocol like this:

struct FavoriteTip: Tip {
    var title: Text {
        Text("Save the photo as favorite")
    }
 
    var message: Text? {
        Text("Your favorite photos will appear in the favorite folder.")
    }
}

If you want to add an image to the tip, you can define the image property: