New: Smart Animate — Bring movement to your prototypes. Learn more

Skip Navigation

4.1 Adding interactions

Let’s bring our designs to life! In this lesson, you’ll learn how to use interactions in your document to create interactive prototypes that help you validate your design.

Some UI in this video is outdated as of September 2024 — no worries, this doesn’t affect how things work. We’ll share an updated version soon!

Key learnings

  • To add an interaction, click on Create an Interaction in the Prototype tab of the Inspector or press I, then click on the Artboard you’d like to link your layer to.

  • Hotspots offer more control than links and are useful if you want to create a clickable area that’s larger than a single layer.

  • Start Points control which Artboard(s) your prototype will start from when you preview it.

Lesson files

  • How do you duplicate a document?

    To duplicate a document to your Workspace, click on Three dots in the top bar and choose Duplicate to My Drafts. Have fun!

Mentor

Profile photo of Joseph Todaro

Joseph Todaro

Product Designer

Joseph brings over a decade of product, design, and education experience at companies like Sketch or InVision.

While designing in-flight entertainment software at Fuse IFX, he migrated his team to Sketch – a tool that would go on to change the way he works. Eventually, he founded LearnSketch.com as a side project to share his knowledge and passion for the tool.