Mini Series: ADVANCED PROTOTYPING using Figma Variables - Simplified!
🚀 Book 1:1 Tutoring Sessions with me and take your Product Design journey to the next level: https://www.learnproduct.design/sessions
Introducing a 5-part mini-series on Advanced Prototyping with Figma Variables. In this series, we will learn how to create a login flow that asks the user for a phone number and OTP. We will cover plenty of edge cases such as character limit based on the country, navigation, OTP validation, and a countdown timer.
🔗 Full Playlist - https://www.youtube.com/playlist?list=PLERed4ILxkJ0Pc2uDbC8UwHX1bxvAmwFp
🔗 Figma File - https://www.figma.com/community/file/1271575061458442533
🚀 The Ultimate Guide to Become a Product Designer: https://learnproduct.design
🚀 The Super Ultimate Guide to Design Systems: https://learnproduct.design/designsystems
🚀 Create an account on Mobbin for free:
https://mobbin.com/?via=chethan
🔶 Chapters
00:00 Introduction
01:15 Types of Prototype Fidelities
03:11 The Prototype ⭐️
05:40 Edge Cases
07:41 Dynamic Character Limit
08:32 Navigation Interactions
10:33 More details
-------------------------------------------
Mega Product Design Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3
Webflow Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8
Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi
Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1
After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk
UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW
Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9
Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv
eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: https://chethankvs.design
Twitter: https://twitter.com/kvschethan
Instagram: https://instagram.com/design_pilot
Mail: designpilot21@gmail.com
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#productdesign #prototyping #figmatutorial
Introducing a 5-part mini-series on Advanced Prototyping with Figma Variables. In this series, we will learn how to create a login flow that asks the user for a phone number and OTP. We will cover plenty of edge cases such as character limit based on the country, navigation, OTP validation, and a countdown timer.
🔗 Full Playlist - https://www.youtube.com/playlist?list=PLERed4ILxkJ0Pc2uDbC8UwHX1bxvAmwFp
🔗 Figma File - https://www.figma.com/community/file/1271575061458442533
🚀 The Ultimate Guide to Become a Product Designer: https://learnproduct.design
🚀 The Super Ultimate Guide to Design Systems: https://learnproduct.design/designsystems
🚀 Create an account on Mobbin for free:
https://mobbin.com/?via=chethan
🔶 Chapters
00:00 Introduction
01:15 Types of Prototype Fidelities
03:11 The Prototype ⭐️
05:40 Edge Cases
07:41 Dynamic Character Limit
08:32 Navigation Interactions
10:33 More details
-------------------------------------------
Mega Product Design Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3
Webflow Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8
Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi
Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1
After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk
UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW
Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9
Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv
eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: https://chethankvs.design
Twitter: https://twitter.com/kvschethan
Instagram: https://instagram.com/design_pilot
Mail: designpilot21@gmail.com
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#productdesign #prototyping #figmatutorial