Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Practice Prototyping in Figma

Well done!

You have completed Practice Prototyping in Figma!

Sign up for Treehouse Back to Library

Practice

0:50 with Daniel Montgomery

In this workshop, Dan walks students through wiring design mockups in Figma, teaching how to add tap, drag, and overlay interactions with Smart Animate for realistic prototype testing. By the end of this workshop, everyone will leave the knowledge to transform static screens into test-ready products.

Play with the Interactive Prototype

Download the Challenge File

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    Hello everyone. 0:09
    My name is Daniel and I'm an instructor here at Treehouse. 0:10
    In this workshop, we'll be taking my design mock-ups 0:14
    and learning how we can wire them together to create an interactive prototype. 0:17
    This is a great way to show stakeholders or your fellow teammates 0:21
    how your designs would function in the real world. 0:24
    I'll show you how to create basic tap animations as well as drag 0:27
    animations and even how to animate overlay pop-ups. 0:30
    You can find the design file I'm using attached in the teacher's notes below 0:34
    as well as a finished version of the prototype in case you'd to take a 0:38
    sneak peek at how the finished product will function before jumping in. 0:41
    If you're ready to get started, I'll see you in the next video. 0:45
    Let's have some fun! 0:48

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up