Is there a way to make a transitions that starts automatically in XD?

[anjan53877571]

Hey everyone.

Example for better understanding what I want:

https://www.nextcontinent.net/

I am making website design.

Is it possible to make it in Adobe XD (on one, same artboard) when I'm scrolling that transitions starts (automatically) when I am on that exact part of the website and not sooner, not later, not on click.

If not, can I do this kind of prototyping in any other program (which one?) or maybe there is a plugin for XD to make this possible?

Thanks a lot.

<The Title was renamed by moderator>

[HARSHIKA_VERMA]

Hi Anjan,

I am sorry for the delay in response. I would suggest checking the timed transition article: https://helpx.adobe.com/xd/help/create-timed-transitions.html which might help.

I am also keeping the discussion open for our experts to share their opinion in order to achieve the transition.

Thanks,

Harshika

[Spas K. · Accepted solution]

Hi Anjan, there is no such functionality in Xd for now. There are some workarounds you can do with multiple artboards or other stuff like a sticky header that would "appear" a bit later, but for such complicated animations it's hard to suggest anything that will do the job perfectly. I would prototype the animations in After Effects (but it won't be interactive), and the front-end dev will replicate them using JS with one of the libraries available.

Outside of Adobe's ecosystem you can try out ProtoPie and Framer, or Webflow for a more direct approach, but it will require some coding ability. I know they don't really have much design functionality and freedom, so it might still feel limiting.