3D Elements + Adobe XD —Tutorial

Andrea Marquez
2 min readJun 26, 2021

I want to share a small tip :)

It’s not a secret that I love 3D and while I learn I like to play and explore with every creation. I designed a little character that I called “Pizza Monster” but it’s actually more like an alien hehe, anyways, I wanted to use it for a small prototype but the challenge was to keep the 3D property and combine it with Adobe XD.

I exported a 360 sequence of the character in png but I only used a couple to test. It’s a really simple tutorial but I had a lot of fun, especially since I’m a pizza lover.

Take a look at this speed video:

Once I had the design I used the “Tap” trigger to play the animation sequence, here’s the interaction information:

To create the animation sequence I prototype the artworks using the “Time” trigger:

And that’s it!
If you want to try this tutorial, feel free to download the files over here

Hope you like it :)

--

--