Welcome Tour Prototype

In this prototype, we will create a welcome tour, importing designs made with Sketch. So, the first thing you need to do in order to follow this tutorial is to download the Sketch file that will be used in the prototype from the Asset_A6462_A08_A20_Welcome_Tour_Prototype_Designs.zip code bundle. You can also download this tutorial in Framer from the Asset_A6462_A08_A21_Welcome_Tour_Prototype.framer.zip code bundle.

As you can see in the following screenshot, the design consists of four screens that we have designed in four different artboards. When working with Sketch, remember to use easily recognizable names, since you will refer to them when you are codifying your prototype:

Welcome Tour prototype Sketch designs ...

Get UX Design for Mobile now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.