How to Design and Animate a Website with Adobe XD and Protopie

Overview

Continue the website design and animation tutorial using Adobe Xd and Protopie, focusing on advanced techniques like creating domino effects, implementing start triggers, and developing complex animations. Learn to add dynamic elements such as carousels, headlines, and fade-in effects while preserving the overall UI. Access project files for hands-on practice and explore social media links for additional resources and inspiration from the instructor, a front-end developer and UI designer specializing in React.js and Node.js.

Syllabus

Intro
Creating the domino effect
Creating the start trigger
Creating the initial animation
Creating more space
Renaming a leaf
Adding the headline bottom
Adding a fade in
Adding a carousel
Changing the width
Preserving the UI