• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Scrolling and dragging animation and interaction

Community Beginner ,
Nov 06, 2019 Nov 06, 2019

Copy link to clipboard

Copied

Is there a feature in Adobe XD for scrolling/dragging - animation/interaction?

 

For example: In Android you can drag from the top to see your notification

 

Or on Web: when you scroll down some elements could change its position or fade out completely

 

Also I would like to see Gif / video inttegration in the future

TOPICS
How to , Missing feature

Views

528

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Nov 07, 2019 Nov 07, 2019

Copy link to clipboard

Copied

LATEST

Hi there, 

 

Thanks for choosing XD, you can definitely achieve these results in XD. I was able to find some tutorials available on YouTube.

Please have a look at these links: - 

 

1. This one is not exactly a scrollable menu bar, however, it gives a baseline to create one. 

https://www.youtube.com/watch?v=PV3Dd-saJsw

 

2. For notifications bar, please check this link: - It is in a different language, hope that's not a problem. Steps should be helpful. 

https://www.youtube.com/watch?v=cmE4oFBaYRM

 

Thanks,

Atul_Saini

Adobe XD does not have a feature to trigger animations on scroll. Here is a workaround for this missing feature. I hope Adobe introduces this features quick. The Adobe XD file: https://drive.google.com/open?id=1b05amn_HLqQhHOp-ytUX75bzLqNX0wE7 The previous tutorial: https://youtu.be/6QwB5U8t-lM ...

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines