How to Create a Prototype in Adobe XD | Adobe Creative Cloud

Learn how to design a simple, yet elegant mobile app layout. Then, wire interactions to simulate the user experience. Create UI prototypes with Adobe XD: https://www.adobe.com/products/xd.html Start from scratch, or download practice files [https://adobe.ly/2mcm6DP] for a head start. Steps below. Design your prototype: 1. Open an .xd document, or use ours (prototype.xd). 2. Click the gray thumbnail on the artboard, then click Repeat Grid. Drag the green handle to the right until 3 thumbnails appear. Tip: If necessary, put the cursor between the thumbnails and drag the gutter in or out until the thumbnails are centered. 3. Open Finder on Mac, or Explorer on Windows, then drag the 3 images from the knots_details folder on to the thumbnail Repeat Grid. 4. Click the green border of the Repeat Grid and drag the 3 thumbnails below the artboard. 5. Make 2 copies of the artboard: Click the artboard name, select Edit – Duplicate. Do this twice to create 2 artboards. Tip: you can also use