Today we will design a group of cool popup animations using Auto Animate in Adobe Xd. I’ve taken inspiration from Material design as well as modern design trends to make these effects. We will carefully utilise the polygon tool in Adobe Xd to create some clean visual cues. After the design is complete, we will also take a look at a simple web framework that I created a couple of years back. This will simplify the handoff process and is super easy to implement in HTML. I’ve also made sure to give both light and dark modes to make sure it fits different themes.
A link to the Xd file: http://bit.ly/popupanime
A link to the web framework: https://github.com/punitweb
I’m a passionate UX/UI Designer from India. I love creating and sharing with the community. Also, I’m a marathon runner and lifestyle enthusiast when I’m not designing.