1
00:00:00,330 --> 00:00:07,140
OK, so next, what I want to teach you about is the left panel, so we have the layers panel, we have

2
00:00:07,140 --> 00:00:08,640
assets and we have pages.

3
00:00:08,980 --> 00:00:10,240
So let's get right into that.

4
00:00:10,260 --> 00:00:12,770
So this is the page that we're on right now.

5
00:00:13,200 --> 00:00:16,020
But sometimes a file could have multiple pages.

6
00:00:16,020 --> 00:00:21,000
Sometimes I'm working on different types of concepts, or I may have the high fidelity designs and then

7
00:00:21,150 --> 00:00:22,900
the prototypes right after that.

8
00:00:23,190 --> 00:00:29,310
So what I would usually do is I would select this page so you can see and if I double click on it,

9
00:00:29,520 --> 00:00:34,590
I can easily edit and I can say we'll call this one concepts.

10
00:00:37,020 --> 00:00:43,860
And if I click this little plus button right here, I can add a new page and I can call this one something

11
00:00:43,860 --> 00:00:44,910
like prototypes.

12
00:00:46,620 --> 00:00:53,490
And if you just toggle between the two, you'll notice that I don't have anything on the prototypes,

13
00:00:53,490 --> 00:00:55,520
but I have something on the concepts page.

14
00:00:55,530 --> 00:00:57,570
I have this frame of this desktop.

15
00:00:59,310 --> 00:01:01,830
Now, this frame is a layer.

16
00:01:02,840 --> 00:01:05,820
If I want to create a new one, I'll just copy that.

17
00:01:06,260 --> 00:01:09,550
You can right click or double click.

18
00:01:09,560 --> 00:01:12,530
It depends on what your settings are on your computer.

19
00:01:12,770 --> 00:01:16,370
But if you right click, you can see the copy.

20
00:01:17,830 --> 00:01:23,860
Right at the bottom, you can copy properties and paste properties.

21
00:01:26,100 --> 00:01:32,700
Or you can just in the case of a MacBook, you can just look Komansky and Kamandi and I have my new

22
00:01:32,700 --> 00:01:33,890
frame right there.

23
00:01:33,900 --> 00:01:36,030
And now these are two separate layers.

24
00:01:38,200 --> 00:01:46,780
Now, within the actual frame, I can start placing stuff so I will select R to select the rectangle

25
00:01:46,780 --> 00:01:47,110
to.

26
00:01:48,540 --> 00:01:54,390
And there we go, that's a one there, but if I copy that letter, so I'm going to Mansi and I click

27
00:01:54,390 --> 00:02:01,260
this frame, I can paste it with Command V and now I have a layer here, too.

28
00:02:01,440 --> 00:02:04,470
So now you have two layers and I can read into if I want.

29
00:02:05,220 --> 00:02:07,700
They show you the shortcuts all along here.

30
00:02:07,710 --> 00:02:09,870
So command are is the shortcut in this case.

31
00:02:09,900 --> 00:02:17,180
So if I click it command R, I will have the option to rename this so I can say rectangle two.

32
00:02:18,930 --> 00:02:25,950
And if I wanted to say, hey, I wanted to select both of these, I can click this and hold down shift

33
00:02:26,220 --> 00:02:33,630
and click the next one and copy both of them and go to the next page and paste them.

34
00:02:34,620 --> 00:02:43,920
And I can have my friends, my layer's all they're all in another page, easily accessible, and you

35
00:02:43,920 --> 00:02:46,230
can rename them any which way you want.

36
00:02:47,670 --> 00:02:55,620
So this is essentially where a lot of our stuff is going to live, all within the layers and pages.

37
00:02:55,620 --> 00:02:56,790
Panel on the left.

38
00:02:58,040 --> 00:03:04,730
Assets are something else entirely, assets are four components, and we're going to get into how to

39
00:03:04,730 --> 00:03:06,860
create components in a second.

40
00:03:07,340 --> 00:03:10,910
But if I were to make this a component.

41
00:03:14,860 --> 00:03:21,400
I can find this in my local components now and I can reuse it, but we're going to get into that very

42
00:03:21,400 --> 00:03:21,790
soon.