How to Design and Animate a Website with Adobe XD and Protopie - Part 1 of 2

Learn to design a mini website using Adobe Xd in this 29-minute tutorial video. Explore essential design techniques including creating artboards, crafting navigation elements, adding headlines and text, incorporating paragraph tags, and designing buttons. Access project files for both Adobe Xd and Protopie to follow along. Gain insights into UI design and front-end development from an experienced professional who combines React.js, Node.js, and Adobe XD in his workflow. Discover valuable design tips and tricks throughout the tutorial to enhance your web design skills.

Intro
Design Tip 1
Project Preview
Creating the Artboard
Creating the Navigation
Adding Headline
Adding Text
Adding Paragraph Tags
Adding Buttons