Skip to main content
A
anjan53877571
Participant
January 22, 2021
Answered

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

  • January 22, 2021
  • 2 replies
  • 561 views
Hey everyone.
Example for better understanding what I want:
 
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>
This topic has been closed for replies.
Correct answer Spas K.

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.

2 replies

Spas K.
Community Expert
Spas K.Community ExpertCorrect answer
Community Expert
February 1, 2021

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.

    Harshika Verma
    Community Manager
    Harshika VermaCommunity Manager
    Community Manager
    January 28, 2021

    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

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices