Class 22: Prototyping in Figma
In this class, we will start to cover designing for the web in Figma. That includes wireframing and prototyping, which are ways to work on the layout of your website and navigational flow without worrying about the design, style, or content.
We’ll look at examples of prototypes, revisit some Figma concepts, and learn how to make interactive prototypes in Figma (power feature!). Then, we’ll spend class time for you to start prototyping your final project website in Figma.
Useful links
Website wireframing description from Wikipedia
An online tutorial about wireframing
Short tutorial on how to prototype from Figma (we cover this in class but you might want to see how it’s done in video form)
