If you're designing an app for mobile,

then it's more than likely you will want to view those designs on a mobile device.

If you have an iOS device, you can do just this with Sketch Mirror.

Sketch Mirror is an optional separate app for

iOS, which means you will have to buy it on the App Store.

And you can do this by searching for Sketch Mirror.

Or clicking on the button that appears into the mirror pop over in the toolbar.

The application's price will depend on the country's App Store, you are visiting and

it can run on any iOS device running iOS 6 and up.

[SOUND] So once you have downloaded and installed the app,

we will need to connect it to Sketch on the Mac.

To do this, make sure your iOS device and Mac are on the same WiFi network.

Once they are, launch Mirror and

then on the Mac, click on the mirror icon in the toolbar.

You should have now connected, and

Mirror on the iPhone will show a view saying no artboards, so let's add one.

If we go into the Insert menu, we can select Artboard from the list.

[SOUND] Now, I can either draw an art board on the canvas or

select one from the list that is replaced the inspector on the right.

As my device is an iPhone 6,

I'll select Portrait 6 from the list.

[SOUND] This will be added to the canvas and sketch, and

should now see a solid white color appear on your device.

An art board is a fixed frame that sits on sketcher canvas.

They also appear in the layer list and behave in a similar fashion to groups.

You can put layers inside them, but

if they stick out of the artboard on the canvas, that content won't be shown.

Artboards and their contents can be exported without having the need of

a slice or exportable layer.

But they are required when you use Mirror,

to tell the app what part of the canvas should be shown.

Artboards are typically used when designing mobile interfaces.

And each screen of an app that needs to be designed tends to be in its own art board.

For the purposes of this demonstration, let's fill our artboard with a nice color.

I'll select the artboard, enable the background color,

using this option in the inspector.

Then apply this purple.

I want three art boards in total so

I'll just duplicate this twice using the Cmd+D shortcut.

[SOUND] I'll press Cmd+1 to zoom out, then I'll color the middle artboard green.

And the one on the right, orange.

And rename them appropriately in the layer list.

[SOUND] We can see Mirror is

showing the third orange

screen here as that was the last

selected artboard in Sketch.

But I can easily swipe horizontally between my artboards on my device.

If I tap,

I can reveal this menu at the bottom that let's me move to a specific artboard.

Here, I can also switch between pages and

sketch that I could otherwise do by swiping vertically.

But we don't currently have any set up.

Back in Sketch on the Mac,

we can add pages to our document by looking at the top of the layer list and

clicking the icon on the right to reveal the Pages panel.

[SOUND] Press the add button to get a second page.

[SOUND] Of course, to see this in Mirror, we need to add an artboard to this page.

So I'll press the A key to get the artboard tool, and

add iPhone 6 from the list.

[SOUND] Give it a blue background color.

[SOUND] And then I can see this appear on the device.

If i swipe up from any of these three artboards on the first page,

I can see my blue I've just added on the second, and, of course,

use the menu to switch between them.

And that covers all you need to know about exporting your designs from Sketch

by saving out slices and exportable layers, to viewing your designs on mirror.

Next, we're going to bring everything we've covered together in the final stage

as we go on to create an iOS app interface.