Prototyping

After this skill you can…

• Build a click-through prototype in Figma
• Run a moderated usability test
• Produce a design spec handoff for developers

Prerequisites

Watch (10 videos)

Video 5: Prototype Problems Not Products - MIT Innovation Teams

MIT OpenCourseWare · intermediate hands-on

→ Create prototypes→ Test and iterate→ Refine designs

From Designer to “MVP Builder”

Flux Academy · beginner hands-on

→ Launch apps and websites from Figma designs→ Use Bravo.studio for rapid prototyping

My Top 3 Favourite Webflow Animations (and How To Create Them)

Flux Academy · intermediate hands-on

→ Develop interactive prototypes→ Test and refine Webflow interactions

Ultra-Fast Website Redesign With Webflow

Flux Academy · beginner hands-on

→ Create prototypes with Webflow→ Design and deploy websites quickly

Master Framer Layouts FAST

Flux Academy · beginner hands-on

→ Build prototypes in Framer→ Design interactive web pages

UI/UX Design Tutorial - Random App - Design On The Spot LIVE!

DesignCourse · beginner hands-on

→ Create a prototype for a random app idea→ Design on the spot using a design tool

Wait, this was made ONLY in Figma?

DesignCourse · beginner hands-on

→ Create functional prototypes→ Test and iterate on designs

From wireframe to website prototype - Webflow Tutorial

freeCodeCamp.org · intermediate hands-on

→ Build website prototypes→ Create interactive design concepts

Liquid Glass in Figma

Flux Academy · intermediate hands-on

→ Create prototypes with Figma→ Test UI design interactions

Interactive image gallery in Figma

Flux Academy · beginner hands-on

→ Create prototypes in Figma

Read (10 articles)