2.6 Using Figma Plugins
In this lesson, you’ll learn how to add extra functionality to your Figma experience by using plugins. Let’s begin.
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
2.6 Using Figma Plugins
Welcome back to the course. In this lesson, you'll learn how to add extra functionality, to your figma experience by using plugins. So let's begin. I'm sure you're familiar with plugins from other applications. And a plugin is basically an add on, that adds functionality that's not native to a certain application. And figma has the ability to install plugins. To get access to plugins, you would need to open up the menu, and you would go to plugins. Manage plugins or you can go back to the files, back to the home screen and click plugins. Here you can see the plugins that you have installed, currently we don't have any. You can see a list of the most popular plugins right here. And right here on the left, you can see a list of featured plugins. Now, you can choose any of these, or you can browse or plugins and you can search for a specific one. In my case, just to demo this I'm gonna search, for a plugin called unsplash. Which is actually the first one that we can see here, but I'm just gonna do a quick demo. So on splash, you can click on it. You can find more information about it. Basically this is a plugin that grabs images, from the very popular unsplash platform, and downloads them into your figma project. You can see how many people install this. So let's go ahead and do that as well. Here is telling me that hey, plugins are made by third party developers. And by using them, you accept the potential risks. Install plugin, and that's it, plugin installed. So now let's open up one of the projects, and let me show you how you can use that plugin. So I'm gonna create a rectangle and then I'm gonna go to menu, plugins unsplash. This is gonna open up this pop up window here, which I can move around. And of course this will look different from plugin to plugin. And basically with this particular plugin, I can insert a picture into my page. I can choose from preset, I can choose a random picture, or I can search for a specific term. Let's say, for example, furniture. So I'm gonna hit search, that's gonna give me a list of images, that match my search query. So let's bring in this one. We're gonna click. That's gonna download it, and it's gonna automatically apply it as a background to my a selected shape. How cool is that? Really, really simple. And if you're looking for a specific plugin, but you don't know what it's called. Well, you have the full list here. And you can just scroll down, and find one that suits your needs. It's really that simple. All right, and that's how you can work with plugins in figma. So now you have all of the basics taken care of. In this chapter, you learned how to work with the basic tools. How to work with grids and how to work with plugins. Now, it's time to do something practical with this knowledge. And we'll do that in the next lesson. Where we'll create, we'll design a signup form. And while we're doing that, we're also going to learn how to work with some of the more advanced features, and tools in figma. Like, for example, auto layout, components, color styles, and more. So I'll see you in the next lesson, where I will design a very simple signup form.