2.1 Working With Files, Teams, and Projects
In this lesson you’re going to learn how to work with files, teams and projects in Figma. Let’s get started.
1.Introduction2 lessons, 04:26
2.Getting Started With Figma5 lessons, 37:08
3.Using Figma as a Designer3 lessons, 29:59
4.Using Figma as a Developer1 lesson, 04:27
5.Conclusion1 lesson, 02:37
2.1 Working With Files, Teams, and Projects
Hello and welcome back to this course. In this lesson, you're going to learn how to work with files, projects, and teams in Figma. Now as I was saying in the previous lesson, I'll be using the MacOS version of the app, but you're free to use whatever version you want, even the browser based one. So inside Figma, this is what you're greeted with after you log into the app. On the left side, you'll find some filters for your files. The most recent drafts and deleted files. And on the right, you'll find the actual files. Now these three, are actually provided by Figma, they are here by default. Of course you can click, on this little contextual menu button, or you can right-click on one of the files, and you have a couple of options to remove them, to duplicate, to rename, to delete completely, and so on. Or you can create a new file by clicking this button, or by clicking here. So that's pretty straight forward, right? Now whenever you double click on that file, it's gonna open that file in a new tab right here on the top. You can always go back to the list of files by clicking this tab. This actually shows the recent file. And you can very easily switch in between these two. Now what about projects? Projects are only available to teams. So before we do anything, let's go ahead and create a team. We're gonna hit this new team button. Team name, let's say team Purdila or team Adi. We're gonna create a team and it's gonna ask us to choose our team plan. Let's say that you're a designer and you're working with a developer, so you would be two people. So, this here says that it's free up to two editors. So, this will be the suitable plan for you. Of course, you can always upgrade in any time, but I'm gonna get started for free, okay? And now we have a selection here for Team Adi. It shows us the team projects and also the team members. So let's go ahead and create a project, and let's call it mobile app or demo mobile app, okay? And now we can create new files inside that project which is awesome for collaboration. Now speaking of files. You can import the normal file formats like PNG and JPEG, but what's important about Figma is that it also imports sketch files. Now I did some testing, it imports them pretty well. I will say not perfectly, but It does a pretty good job at importing those sketch files. So if you were using sketch and are thinking of switching or maybe have another member in your team that is using sketch or you simply want to import some assets from a sketch file, you can do that in Figma which is really awesome. Now a team is not really a team if it only has a single member. So what you can do in Figma is invite team members by clicking this little button here. So you can invite by email address, and you can set their permissions here. You can set it as an admin which can edit and view. Or someone who can edit and view, or just someone who can view, but not edit. So in my case, I'm going to invite my fellow developer who can only view those Figma documents, because l don't want to allow my access to the core files and allow him to change them. So, l'm gonna set the email address here and then l'm gonna click invite. All right, so now if l check my email, l just got a new email from Figma saying that Adi Purdila has invited you to join the Team Adi. And of course, if I want to I can accept the invite. So I'm gonna click this. It takes me to the Figma page where it asks me to sign in or create an account. So I'm just gonna authenticate with Google. So then I'm in. This is how the interface looks like for me as a developer, right? I can see myself in Team Adi. I can see the team projects that I have access to. I can see the owner. And the only options that I have is to either view or leave. Now let's say, for example, that I wanna change the permissions of Adi developer. Well I can go back here and I can select can edit. And when I go back, these have updated automatically. But for now let's just say select can view. All right, and that's a quick rundown through projects, files and teams. In the next lesson, we're gonna have a look at the Figma UI, I'll see you there.