Using artboards in Illustrator is very much like pages in programs like InDesign. When you create a new document in Ai, you can choose to create multiple artboards as well. You can also add artboards once in the document. To do this, begin by sele ...
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 ...
