Prototyping for Non-Designers

53mIntermediate2025-04-10

Authors

Tom Green

Teacher, Author, Professor

Course details

Prototyping is a way for designers to share their visions for what something will look like or how it will work. Regardless of what tool or application you use, this course geared toward non-designers shows you how to create a prototype that you can share for feedback as part of the development process. Learn about the different kinds of prototypes—including wireframes, static, and interactive. Then, see how to create prototypes with applications like Figma, UXPin, and Penpot. Finally learn common prototyping techniques for creating motion, interactions, web elements, and components.

Join instructor Tom Green in this course to find out about the unique strengths of the different prototyping tools, and how you can leverage the strengths of each application instead of getting caught up in complex workarounds.

Skills covered

ProtoPieFigJamFigma Inc.User Interface PrototypingFigmaArtificial Intelligence for DesignUX DesignUser ExperienceVideoPersonaPhotographyGraphic DesignAnimation and IllustrationWeb Development

Concepts

0. Introduction

01 - Prototyping for non-designers

1. Prototyping Introduction

02 - Why prototype
03 - What is a prototype

2. Prototypes

04 - Wireframes can be prototypes
05 - The unsung paper prototype
06 - The static prototype
07 - The interactive prototype

3. Prototyping Applications

08 - The tools of prototyping
09 - Why Figma
10 - Why Principle
11 - Why UXPin
12 - Why Penpot

4. Common Prototyping Techniques

13 - Prototyping interactions
14 - Prototyping motion
15 - Prototyping web elements
16 - Prototyping components

Conclusion

17 - Next steps