Recreating Adobe XD Animations in the Browser with GSAP

Author: DesignCourse
May 3, 2019
Today, we’re going to first work within Adobe XD to design and create an animation prototype. Then, we’re going to use GSAP (GreenSock Animation Platform — which is a JavaScript library for creating animations) to recreate the SVG-based animation that we created in Adobe XD.

This is a full workflow from design to prototype to the final result in the browser!

Check it out on codepen: https://codepen.io/designcourse/pen/y… Let’s get started! #adobexd #javascript #gsap

Subscribe for NEW VIDEOS! My site: https://coursetro.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro’s Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others

Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Coursetro.com. Come to my discord server or add me on social media and say Hi!

Tags: Adobe XD, Greensock, GSAP, Prototype, SVG

Get a complete Tumult Hype Beginner Workshop for free!

Join our YouTube Channel to always get the latest updates and tutorials

Get your free Starter Kit for Tumult Hype

Tumult Hype

Visit Tumult.com for a free 14-day Trial Version of Tumult Hype