Creating a Storyboard in Figma for the Rive Animation - Tutorial [Part 1]

Creating a Storyboard in Figma for the Rive Animation - Tutorial [Part 1]

Design Pilot 116K subscribers
18.3K views · 2024-10-16 UI DesignMotion DesignIndustrial Design
🚀 Book 1:1 Tutoring Sessions with me and take your Product Design journey to the next level: https://www.learnproduct.design/sessions

This tutorial will examine the overall logic of the animation we create with a simple storyboard. We will also prepare assets in Figma for export to Rive.

Watch the Full Playlist - https://www.youtube.com/playlist?list=PLERed4ILxkJ2OE7WoEvXHiOsm_wnyxMxa

File File with Assets - https://www.figma.com/design/vmaWUZQ3d6CRIQuJ3BvPVv/Duolingo-Score-Animation?node-id=0-1&t=440LQNIds4C2pRG6-1
Rive Animation - https://rive.app/community/files/13515-25585-tutorial-duolingo-score-animation/
Play Prototype - https://appclip.apple.com/id?p=com.createwithplay.playgen3.Clip&pid=3d67da90401400fTmcZ&e=0

🚀 Get 2 free months of Skillshare Premium & watch my design course for free: https://skl.sh/2TVhf8z

🚀 Create an account on Mobbin for free:
https://mobbin.com/?via=chethan

🔶 Chapters
00:00 Introduction
00:33 Understanding the Animation
04:54 Creating the Story Board
14:20 Preparing assets for export to Rive
17:40 Next video →
---------------------------------------­----
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 :)
#rive#rive tutorial animation#rive tutorial beginner#rive tutorial button#rive tutorial ui#rive animation tutorial#rive animation tutorial beginner#rive animation course#rive animation basics#rive for beginners#rive tutorials#rive step by step#rive progress bar#rive state machine#rive state machine tutorial