Scrolling Chatbot

[jesse esrav76804452]

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

[Sjaani]

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 esrav76804452]

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]

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

[Natalia2333952893du]

how did you make this prototype?

[Ares Hovhannesyan]

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