Adobe XD Website Design to GSAP 3.0 Tutorial – Part 1

By Raddy in Adobe XD GSAP ·

GSAP (GreenSock Animation Platform) just released version 3 which is the most significant upgrade they ever had. With 50+ new features, there’s a lot to be excited about. Some of the main changes include:

For more information you can read their blog post here.

In this video though, we won’t be doing any GSAP animations, instead, we will use Adobe XD to design out website layout. In part 2 of the tutorial, we will focus on extracting the assets from our website design, coding the HTML, CSS (using SCSS) and then animating our the individual elements on the page. Be sure to SUBSCRIBE for Part 2! Let’s get going!

Demo and all files will be available to view and download soon… Make sure you subscribe to my newsletter to stay updated!

Leave a Reply

Your email address will not be published. Required fields are marked *