Skip to main content
This topic has been closed for replies.
Correct answer Spas K.

You can't exactly replicate it in Xd. You can simulate it by making each "page" a component, and using the 3D transform, changing the Z coordinate value. But it won't work with scrolling.

 

You can have the menu transition between artboards with Auto-animate, and when it's time to develop it, you will let the developers know this should also work with scrolling in 3D space.

 

Made a simple example for you. Here's the Xd file, and here's the prototype. Pay attention to the Z values of each page, and the Z value of the menu, so it stays on top. You will have to compensate with resizing the menu when you change its Z value, since it will get bigger as it gets closer to the camera.

1 reply

Spas K.
Community Expert
Spas K.Community ExpertCorrect answer
Community Expert
August 16, 2022

You can't exactly replicate it in Xd. You can simulate it by making each "page" a component, and using the 3D transform, changing the Z coordinate value. But it won't work with scrolling.

 

You can have the menu transition between artboards with Auto-animate, and when it's time to develop it, you will let the developers know this should also work with scrolling in 3D space.

 

Made a simple example for you. Here's the Xd file, and here's the prototype. Pay attention to the Z values of each page, and the Z value of the menu, so it stays on top. You will have to compensate with resizing the menu when you change its Z value, since it will get bigger as it gets closer to the camera.

Participant
August 16, 2022

You've been enormously helpful.