With your design opened in Sketch, the Sketch Mirror feature allows Sketch to broadcast your design across a local network. Click Mirror in the tool bar, and get a URL for the opened document. Then, share that URL with people in your local network. Users will see an “Awaiting Connection” when they access the URL, and you’ll see a browser, or device request, in the Mirror menu. Users can browse each page, or art board, in your Sketch document with their web browser.
- [Instructor] With your design file opened in Sketch, the Sketch Mirror feature allows Sketch to broadcast your design across a local network. So to begin, we'll come up and click on the mirror tool in the toolbar and Sketch will give us a URL. And if this is your first time selecting this option, you may need to click on the get started button. So what Sketch is going to do here is create a URL you can then share with all of your colleagues who are on the same network. Now once people in your local network start hitting this URL, they're going to see a screen that says 'Awaiting connection'. You're going to see a request listed for each device and browser that wants access to this document.
So if I come over here and click on Safari in the Mirror menu, we'll now see that the web browser gets access to this particular document. And Sketch Mirror will also take care of creating a navigation system that allows people to click on individual art boards and arrow between the different art boards using a navigation system at the bottom. And this is also true for any mobile device as well. So here I'm hitting the same URL on my phone. So back in the Sketch document, I can click on the request here for iOS and then on my phone I can see all of the art boards showing up here as well.
So I'll come in here and tap on the app-launch art board. So with this art board loaded, I'll come down and click on the plus sign here to zoom in. Just to get a sense of what this app might look like on a mobile screen. Now if you or any members of your team on the local area network have an iOS device, there is a native application that you can download for Sketch, called Sketch Mirror which will allow you to look at the art boards in full screen mode. So here I'm going to go back to my home screen and come up here and launch Sketch Mirror.
And once Sketch Mirror launches, it will make a request back to our Sketch document running OmniMac and then when you grant access, users can navigate through the art board just like they did in the web browser except here the designs show in full screen. So I'll swipe over, tap on For the Love of Baking and I can see this mobile application in full screen view. And then I can simply swipe over to the organic screen. Now in addition to Sketch Mirror for Apple devices, there are a few independent developers who have written similar apps for Android which allow you to preview your Sketch files on an Android device.
These are the most popular at the time of this recording but be sure to do your own searches periodically for more options in the future. And so now that we're broadcasting our design across a local network, next we'll take a look at sharing our Sketch document with anyone in the world using the Sketch Cloud.
- Creating artboards
- Adding a navigation bar
- Working with fonts
- Adding artwork and logos
- Exporting artboards and assets
- Collaborate with Sketch Cloud
- Making design changes