Artwork by Gleren Meneghin
Prototyping takes your flat design to the next level, helping you tell a more compelling story. In this tutorial with Dani Beaumont, you’ll take a look at building out a fully interactive prototype with features like auto-animate, drag gestures and speech recognition.
In this introductory tutorial with Dani Beaumont, you’ll use a practice file to build your first project with XD.
Step 01: Wire artboards.
Define a tap transition between artboards and then preview your work in the Adobe XD Desktop Player app.
Step 02: Add Auto-Animate transitions.
Use Auto-Animate transitions to define micro-interactions between artboards.
Step 03: Use Drag gestures to transition between artboards.
Combine Drag gestures and Auto-Animate to simulate the drag experience of touch devices.
Step 04: Add overlays to simulate UI elements.
Apply overlay artboards to streamline the integration of menus and keyboards across multiple artboards.
Step 05: Work with voice triggers.
Learn how to integrate voice recognition to trigger transitions between artboards.
What’s next
