Scrolling Chatbot

Forum|Forum|6 years ago
June 22, 2019
2 replies
1126 views

Hi everyone,

I'm prototyping a chat bot, but there seems to be one thing I can't figure out. Every art board contains a new message bubble, so they extent slightly. How do I make Adobe XD show only the bottom part of the scrollable art board where the new message pops up? I've watched a ton of YouTube videos but I can't figure it out. Your help is so much appreciated, will fix my weekend!

Jesse

This topic has been closed for replies.

Ares Hovhannesyan

Community Expert

Can you send handwritten sketch mockup? That can help to undertand a problem

Sjaani

Community Expert

Can you confirm, when you scroll are you continuing to see all messages, but your intention is to only see one message at a time?

One solution could be to create a repeat grid, have this grid as your scrolling block under other layers. Make sure anything you want to stay in place has "Fix Position when Scrolling" ticked in the panel on the right.

This will give the appearance that everything stays in view but as you scroll you can see the new messages.

If you want this to appear automated, such as when messages are typed in they appear and the others disappear this is also possible with auto-animation.

Hopefully I've understood your question.

jesse esrav76804452Author

Participant

Thanks for the answers. This should be the result, only When the art board is full the messages should go up, when a new message is typed. Thank you so much!

Link:

Adobe XD

Preran

Community Manager

Not the exact answer to your question, but found a Youtube video about prototyping a chatbot with Adobe XD Adobe XD UI Chat Design/Prototype + prototype link/download - YouTube

Have a look and let us know if it helped.

Thanks,

Preran

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded