How do you use Sketch Mirror to preview and test your UI prototypes on mobile devices?

1 Install and connect Sketch Mirror

Before you can use Sketch Mirror, you need to install it on your mobile device and connect it to your Mac. You can download Sketch Mirror for free from the App Store or Google Play. To connect your device to your Mac, you need to be on the same Wi-Fi network or use a USB cable. Then, open Sketch on your Mac and go to Preferences > Mirror. You'll see a QR code that you can scan with Sketch Mirror on your device. Alternatively, you can enter the IP address or the name of your Mac manually.

2 Preview your UI prototypes

Once you've connected Sketch Mirror to your Mac, you can preview your UI prototypes on your device. You can choose which artboards or pages you want to display on Sketch Mirror by clicking on the Mirror icon in the toolbar or pressing Command + M. You can also use the keyboard shortcuts Command + 1, 2, 3, or 4 to switch between different views: Current Artboard, Current Page, All Pages, or Prototyping. You can also swipe left or right on your device to navigate through the artboards.

3 Test your UI prototypes

Sketch Mirror also lets you test your UI prototypes by simulating interactions and transitions. You can create hotspots, links, and flows in Sketch that will trigger actions on Sketch Mirror. For example, you can link a button to another artboard, create a scrollable area, or add a back link. You can also use the Prototyping view to see the flow of your prototype and edit it on the fly. To test your UI prototypes, you need to enable the Prototype mode on Sketch Mirror by tapping on the Prototype icon in the bottom right corner.

4 Adjust your UI prototypes

Sketch Mirror also helps you adjust your UI prototypes by giving you feedback and options. You can use the Inspector on Sketch Mirror to see the size, position, and properties of any layer on your artboard. You can also use the Pixel Checker to zoom in and inspect the details and alignment of your UI elements. You can also change the background color, device frame, or orientation of your preview on Sketch Mirror. To access these options, tap on the Settings icon in the bottom left corner.

5 Share your UI prototypes

Sketch Mirror also makes it easy to share your UI prototypes with others. You can take screenshots of your preview and save them to your device's camera roll or share them via email, message, or social media. You can also export your prototype as a video or a PDF file that includes all the artboards, links, and transitions. To export your prototype, tap on the Share icon in the top right corner and choose the format and destination of your export.

6 Learn more about Sketch Mirror

Sketch Mirror is a powerful tool that can enhance your UI prototyping and usability testing workflow. It allows you to preview and test your UI prototypes on your mobile devices, adjust them according to feedback and options, and share them with others. To learn more about Sketch Mirror, you can visit the official website, read the documentation, or watch the tutorials. You can also join the Sketch community and get tips, tricks, and inspiration from other users.

7 Here’s what else to consider

This is a space to share examples, stories, or insights that don’t fit into any of the previous sections. What else would you like to add?