Share your XD prototype

When you are finished with your prototype, you can share the work with clients or team leaders.  First, in Prototype mode, select the Home screen where the start of the flow is set. Name the Link.  Next, go to the Share mode, you can choose from Des ...

XD voice triggers

XD voice triggers allow you to use voice commands to trigger an interaction or playback. If you aren't familiar with prototyping, you may want to check out this video first.  To add a voice command to a prototype: Begin by designing your artboard and y ...

Creating simple toggle switches in XD

Creating simple toggle switches is really the next step in understanding both components and states.  One example of a toggle switch is an on / off button. This same method could be used for any object that changes its appearance.  First, design one ...

Scroll to in XD

A scroll to in XD allows you click something then it scrolls down the page to a fixed position. Begin to create this by doubling the height. The scroll looks even better when you add a variation in the background to the bottom.  Make sure the object ...

Creating Overlays in XD

Creating overlays in XD creates a stacking effect so one artboard is on top of the other. This simulates drop down menus and slide up keyboards.  In prototype mode, select a source artboard, click the prototype wire and drag it to the overlay. You can ...

3D in XD

Using 3D in XD allows you to mimic depth and perspective by using object rotation along vertical and horizontal axes. With the object selected, begin by enabling 3d effects on right. To move on the X or Y axis click and drag the gizmo  icon that appear ...

Adding parallax effects in XD

Adding parallax effects in XD creates unique motion and effects for viewers. If you aren't familiar, parallax is when background and foreground images move differently, creating an almost 3d effect.  To begin, group all elements on one artboard. In thi ...

Adding Lottie files in XD

Adding Lottie files in XD can make interactions and other dynamic mockups. First, Lottie files are small animation files. (They may remind you of gifs.) Just like images, you import your Lottie file into XD by dragging it to the artboard or choose F ...

Using videos in XD

Using videos in XD is one way to get creative with your mockups. You can adjust basic settings, even trim your video and control how playback works.  You can import your video through File > Import or dragging to the artboard. Videos work a lot like ...

Creating Scroll Groups in XD

Creating scroll groups in XD lets you set parts of the artboard that scroll independently either horizontally or vertically.  This is a great design feature when adding image carousels and other interactive elements. In the Design mode, select the o ...