The basics of prototyping
Add to favorites
Learn how to create a basic prototype from your design
Welcome back to Design+Code, my name is Sourasith. Today, we’ll explore the basics of prototyping in Figma.
Purchase includes access to 30+ courses, 240+ premium tutorials, 120+ hours of videos, source files and certificates.
Templates and source code
Download source files
Download the videos and assets to refer and learn offline without interuption.
Design template
Source code for all sections
Video files, ePub and subtitles
Browse all downloads
1
The basics of prototyping
Learn how to create a basic prototype from your design
17:49
2
Prototyping Maps app Part 1- Buttons and Animations
Learn how to create the interactive components with the car animation and icons animation
25:05
3
Prototyping Maps app Part 2 - Nav Bar and Drag gesture
Learn how to prototype the Nav bar and drag gesture
14:06
Meet the instructor
We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.
Sourasith Phomhome
UI Designer
Designer at Design+Code
4 courses - 14 hours

Prototyping in Figma
Learn the basics of prototyping in Figma by creating interactive flows from custom designs
1 hrs

UI Design Quick Websites in Figma
Learn how to design a portfolio web UI from scratch in Figma
1 hrs

UI Design Android Apps in Figma
Design Android application UIs from scratch using various tricks and techniques in Figma
2 hrs

UI Design Quick Apps in Figma
Design application UIs from scratch using various tricks and techniques in Figma
10 hrs