Webflow Advanced Animation 01 is a dynamic course crafted for mid-to-senior level designers eager to elevate their motion design skills within the Webflow ecosystem. While the course touches on advanced CMS structuring for dynamic content, its core focus lies in unlocking the full potential of animation in web design.
Learners will master Webflow’s native animation tools—building smooth transitions, engaging interactions, and immersive scroll effects. From there, the course ventures into high-level motion design, introducing Rive: a cutting-edge animation platform. Participants will learn how to create responsive, performance-optimized animations in Rive and seamlessly integrate them into their Webflow projects, transforming static sites into captivating, animated experiences.
How to structure and manage dynamic content using Webflow CMS
Techniques for creating advanced animations and interactions in Webflow
Best practices for scroll-based and trigger-based animations
How to build interactive animations using Rive
Methods for embedding Rive animations into Webflow projects
Tips for optimizing performance and designing responsive animated layouts
Who is the course for?
This course is designed for freelance designers, UX/UI specialists, marketers, business analysts, project managers, developers... — who want to elevate their web design and build skills by integrating AI and Webflow, transforming concepts into high-impact digital experiences.
Freelance Designers
Empowers freelance designers to streamline their workflow, enabling them to build high-quality, efficient websites for clients
1-5 Year Exp Designers
Helps early-career designers refine their skills, boost efficiency, and advance their careers by mastering AI and Webflow
Syllabus
ID
Module Details
Duration
Module 1: How to structure and manage dynamic content using Webflow CMS
1 lessons
Module 2: Creating advanced animations and interactions in Webflow
1 lessons
Module 3: Best practices for webflow animations
1 lessons
Module 4: Drawing basic shape + character on Figma
1 lessons
Module 5: How to build interactive animations using Rive Basic 01
2 lessons
Module 6: How to build interactive animations using Rive Basic 02
2 lessons
Instructor & Additional Information
Dinh Huy Truong
Multi Award-Winning Creative & Product Design
Lead Interaction Designer at Blackfinch UK
Master Degree in Design, UK
- Learn to craft smooth transitions, scroll-based effects, and interactive motion using Webflow’s native animation tools.
- Dive into Rive’s powerful animation engine to create responsive, real-time motion graphics tailored for the web.
- Discover how to embed and control Rive animations within your Webflow sites for seamless, dynamic user experiences.
- Managing Dynamic Content with Webflow CMS Master the structure and flexibility of Webflow’s CMS to organize, automate, and scale your animated content.
Certificate Of Completion
By the end of Webflow Advance + Animation 01, you’ll walk away with more than just new skills—you’ll also get a completion certificate that highlights all the hard work and effort you’ve put in.
Tools & Teaching Materials
This course is powered by industry-leading tools: Webflow for building and animating websites, Rive for creating dynamic motion graphics, and Figma for UI design and prototyping. You'll get hands-on with each platform through guided tutorials, project files, and practical exercises designed to build real-world skills.
Register Now
Ready to bring your designs to life? Join Webflow Advance and Animation 01 today and start building dynamic, animated web experiences that stand out.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
This course dives deep into AI-driven coding techniques and dynamic content creation, equipping you with the knowledge to build interactive websites. Learn how to use AI tools to streamline development, and create scalable, high-performing website.
Throughout my design career, I have been honored with prestigious awards, including the D&AD New Blood Awards, UX Design Awards, and London Design Awards. These accolades reflect my expertise in UX/UI design and my ability to craft innovative, user-centered experiences.
My achievements highlight my dedication to pushing creative boundaries and delivering impactful design solutions in an ever-evolving industry.
D&AD New Blood Awards - Graphite Pencil
D&AD New Blood Award
Quack - Let's green our world, tackle Climate Change!
.png)
