Quick and Easy eLearning Prototypes in Figma

Speed through the interactive prototype process for your next eLearning or instructional design project with help from the free Figma Keyboard Shortcuts job aid. 👉 Grab your copy here: https://www.devlinpeck.com/forms/figm...

Testing as you go is the secret to making sure your eLearning project isn't leaving your users in the dark. Is the interface intuitive? Is the content clear? What elements are missing?

If you want to make sure your project not only looks good, but runs smoothly, you'll want to test out its functionality before you publish.

That's the beauty of interactive prototyping.

Simulating the final product with a prototype is like a safety net for development – it highlights errors and gives you opportunities for early feedback.

Plus, it helps you make necessary changes before they have a chance to become bigger problems down the line.

So far, we've seen that Figma can be used to build wireframes and mockups. But did you know this tool can be your go-to for interactive prototyping too?

In this video, Sabrina Gonzales shows how to create a project demo in Figma, so you can make those little fixes before diving further into development.

Sign up for a free Figma account: https://www.figma.com/

Check out the full Figma tutorial playlist here:    • Figma Tutorials for Instructional Des...  

Using the affiliate links below will help support me and the content on this channel:

**Best AI Tools for Instructional Designers**
Synthesia: https://www.synthesia.io/?via=devlin
WellSaid Labs: https://www.wellsaidlabs.com/?via=devlin
Descript: https://www.descript.com/?lmref=jJTSTA
Jasper: https://jasper.ai/?fpr=devlin44

**Best Laptops for Instructional Designers**
Dell XPS 13: https://amz.run/6l1w
16-inch MacBook Pro: https://amz.run/6l1y
Gigabyte Aero 17: https://amz.run/6l26

**Best Books for Instructional Designers**
The Non-Designer’s Design Book: https://amzn.to/3kP0reO
Map It: https://amzn.to/3f137mR
eLearning and the Science of Instruction: https://amzn.to/3kNuBiF
Design For How People Learn: https://amzn.to/3CLtrNM
Michael Allen’s Guide to eLearning: https://amzn.to/31ZUbJB

0:00 Intro
1:32 What is a Prototype?
2:32 Why Build a Prototype?
4:53 The ID Process
6:07 Prototype Overview
6:59 Button Interactivity
11:33 Smart Animation
13:16 Push Animation
14:20 Preview the Flow State
15:39 Time for Feedback!