Prototyping

Definition: A prototype is an early sample, model, or release of a product built to test a concept or process or to act as a thing to be replicated or learned from. —Wikipedia

Prototyping Basic Theory

Prototyping for Physical and Digital Products

Why read this book? If you want to learn from 0 what is prototyping and why is so important.

OpenCheck my certificate
Prototyping Advanced Theory

Prototyping for UX Designers

Why study this course? If you want to learn how to create Designed, Clickable and Interactive Prototypes.

OpenCheck my certificate
Prototyping Tools

Balsamiq

Why use this tool? If you want to easily create clickable wireframes. A wireframe, is a visual guide that represents the skeletal framework of a website, app or other software that has a User Interface. Wireframing is prototyping techniques that allows you to focus not on the Design, but more on the User Experience.

OpenCheck my certificate
Prototyping Tools

Framerjs

Why use this tool? If you want to create a prototype that not only uses designs and transitions but also data. Framer is bit complex to learn, but once you do you can create an experience very close to reality. It integrates with Sketch.

OpenCheck my certificate
Prototyping Tools

Marvel App

Why use this tool? If you want to transform your Design prototypes into a clickable prototype. This tool will most likely be used by the Designer. It integrates with Sketch.

OpenCheck my certificate
Prototyping Tools

Sketch

Why use this tool? If you want to create Designs for you the User Interface of your software. This tool will most likely be used by the Designer.

OpenCheck my certificate

Get free Product Management Mentorship

1-on-1 sessions. ADPList Top 100 Product Management Mentor. Free, remote and open to everyone.

Get Product Mentorship
  • Top 100 MentorJun 2026
  • Top 100 MentorDec 2025
  • Top 100 MentorSep 2025
  • Top 100 MentorJun 2025
  • Top 100 MentorMar 2025