3.3 Sharing Work and Getting Feedback
In this lesson, we’ll take a look at the collaboration features in Figma. You’ll learn how to use Figma to share your work with other people and get feedback as part of the user interface design process.
We’ll also take a look at a brand new feature (at the time of recording) called “Figma Community”. Community is a central resource where you can explore, install, use, and remix Figma files and plugins. And if you’re a creator you can upload your own assets to share with others. Let’s dive in.
1.Introduction2 lessons, 06:09
2.Getting Started With Figma6 lessons, 44:41
3.How to Use Figma as a Designer3 lessons, 50:38
4.How to Use Figma as a Developer2 lessons, 08:11
3.3 Sharing Work and Getting Feedback
Welcome back to the course. In this lesson, we'll take a look at the collaboration features in Figma. And you'll learn how to share your work with other people and also get feedback on it. So, let's begin. Now at any point during the design process, you can click the Share button, and you can invite people by email to see your project. And you can also choose whether or not those people can edit or just view your project or he can copy a link by clicking on this button and it can then choose who gets access to this file. Only the people you invited or anyone who has that link. Now once you invite other people to a project or you yourself, get invited to to a project, you can leave feedback by using the comments system. So click on this button or press C and you get this little cursor and at any point in any page, you can just go in click, and you can add a comment. And you can say stuff like for example, this color doesn't work and you post it. And then other team members can see this, they can reply and they can make the necessary adjustments. Once this is all sorted, you can just click on the Resolve button. This is also great for our clients, because they can come in, leave comments, evaluate your work, and you can communicate via the comments system. However, you do need to have a Figma count to make this work. So that's why this feature will probably be used by teams the majority of time. Now you can also share a prototype, right? So the prototype that we created in the previous lesson, right? Over here you have a link called Share Prototype. It's exactly the same as sharing your work. You can select who has access to this, you can invite people. You can copy links to the prototype. And when you send this link to other people, they arrive at a screen that looks something like this. And they'll be able to walk through and use the prototype just like you would. Now to leave feedback on the prototype, you would still use the comment system. But again, you would need to be logged in to Figma in order to do that. Now since we're on the topic of sharing work, I'm just going to quickly mention this before we wrap up this lesson. Figma is meant to be used as a collaboration tool, right? Primarily between you and your team. So you should always take advantage of the features that enable that. And one of those features is called a library. So if you go to Assets, and you click this little button here that says Team Library, from the current file, which is called Sign-up Form, you can decide to publish all the components and all the styles. And once you do that, your team will have access to this library, to all of these components, all of these styles right here, and they can use them. You can decide at a later date. Hey, I want to update some components in here, you can do that. And your team members that will use this feature will be able to get the updated versions in an instant, which is fantastic. Now before we wrap up this lesson, I just want to show you one more thing that's related to sharing your work with other people using Figma. And for this, I switched to my Mac computer where I'm running the Figma desktop app. And I'm logged in with my main account. Now I did that because with my main account, I have access to a brand new feature in Figma or brand new at the time of this recording and that is called Figma Community. Now, the Community is a central place where you can as it says here, explore, install, use and remix thousands of files and plugins. So it's basically a place where community members can upload their plugins and their files and share them with other people. And then other people like you and me can access this Community and download any of the files. So here is, for example, a mobile UI kit made by Tony. Again, simply click on this, it gives you a nice preview of the file. You can also open it full screen. You can zoom in, zoom out, you can see a description. Also a selection of information about this and then you can go ahead and duplicate this and that's going to duplicate it in your own Figma account and you now have access to it. You can work with this just like with any other Figma file which is fantastic. Here you can see all the components, you can select, you can copy, you can do whatever you want with this. Now these files are structured in the following way Design Systems, Wireframes, Illustrations, Icons, Typography elements, Mobile Design, Web Design and UI kits. And while exploring this, you can click on any of these categories to see the associated items. You can even click on a certain tag, and you'll find items that use that tag. And when you find the file that you want, simply click on it, to get more information about it. You can duplicate it, you can even like it, like so, although to do that you will need a Figma Community profile. I'll get to that in just a little bit. And you can also click on the Publisher to see what other assets he uploaded to the Figma Community. Now in the community, you're not gonna find just files. You can also search for plugins. So as you can see here right now, we're seeing all assets, but you can switch between files and plugins and this is actually the new home for plugins. You'll see that if you watch the other videos in this course, plugins were accessed a little bit differently. But here it's exactly the same story, you would find a plugin you want and you would just click Install. Now, if you're part of the Community like I am now, you can actually create your own profile. So I'm gonna go to my account and where it says Public Profile, I'm gonna click Set Profile Handle. I'm going to set the handle that I want in my case Adi Padilla is available and hit Create profile. So now I'm officially part of the Figma Community and people can now find me at figma.com/@adipurdilla. So now if I open this link in a browser, you'll get to my profile page where you can only see my profile picture, my handle. And of course I don't have anything published just yet. You can also see which files I liked. So now if I jump back to Figma, I'm gonna hit Done. And now this section has been updated with my handle, and I can click this link to change my handle or I can delete my profile altogether. So now I can go back to the Community and let's say I find an asset that I really like. For example, this UI Kit, and I'm gonna hit Like here. Now if I'm gonna switch back to the browser to my profile you'll see that under likes I have this UI Kit. Now to publish a file to the Figma Community, here's how you do it. You open up the file, and here we just have the Figma file we created with these two screens, and what you do is you go to share, then publish the Community, hit Publish, and this will open up the Publish dialog. You would give it a name, a description. You can add up to 12 tags that will describe your file. You can set how this asset should be previewed as, so a file or a prototype, you would select the author. And here you can also find some information about the license. And then you just hit Publish. It's really that simple. So Figma Community opens up a new way of sharing your work with other people. At the time of this recording, it's still in beta because it's brand new. But already, we have so many people contributing and it's fantastic. So if you don't have access to beta just yet, don't worry, this is gonna be released to the public very, very soon. And you'll be able to access it as well. All right, and that's how you can collaborate with other people in Figma. Now, so far, you've seen how to use Figma as a designer, but what if you're a developer? Well, we'll answer that question in the next lesson. See you there.