Adobe XD lets you create dynamic, interactive prototypes of designs you would otherwise do statically, with a simple function switch right inside the app. By adding animations to create transitions, you can simulate the flow of your website or app and give it movement and then share an interactive preview in real time with teammates and stakeholders for testing your design.
XD provides two modes for your work: Design and Prototype. In Design mode, you use XD’s tools and features to create elements and add artboards. You then switch to Prototype mode to draw interactive links between artboards. And finally, you can preview the prototype by sharing it with your team.
Check out our Prototype creation steps below and try it out for yourself.
Now, try creating an interactive prototype for yourself. Set up a couple of simple artboards and a single animation — or, if you’d like, you can add more than one animation per artboard. Switch over to Prototype mode to take your user back and forth between the artboards and learn how it’s done. Add some more objects to interact with and then add a third artboard. Before you know it, your prototype will be ready to share, preview and advance to the next stage.