5 MUST HAVE Plugins For Figma Designers! (Best Figma Plugins 2021)

okay guys these are by far some of the best plugins that you can get for figma if you want to increase your work rate and how fast you actually get things done these are five plugins that i personally use every time i use figma and maybe you can actually use some as well and maybe you actually find some of them helpful so first and foremost if you don't know how to download a figma plugin file this is a really basic tutorial but you go over to community you go over to plugins here and here you can kind of scroll down and you can see some of the ones that we already have in this tutorial we can see that it's really is just as easy as clicking install and you'll have it installed and you can then manage your plugins and see how many you actually have in your file so one of the first plugins that i'm going to showcase is called blush now to access it you just have to go on plugins and click the actual the actual name and it'll pop up with a small tab just like this one where you can kind of scroll down and you have this this little section where you can look at what the plat what the what the plugin is so in essence it's essentially just a lot of illustrations that you can use in your portfolio or in your projects and you can also these aren't static illustrations so what i mean by that is that you have certain poses like this person sitting here and it'll get placed into your canvas and then the really cool thing about this is that you can then change what the head looks like or what the legs look like maybe even the the clothing and then you can also change the color of that of the top so maybe you have a completely blue website right so maybe using red wouldn't make sense or maybe it would or whatever it is right and then you can always change the skin color and the color of the bottoms as well so yeah that's really cool it's called blush i'll have all the links in the description so you guys can check them out and yeah these just you can use this with all of these different types of illustrations they're different styles we have some really famous ones like the humans one for example and also pablo stanley some of you may know him so yeah that's blush really cool next up is feather icons now i haven't used this extensively but in a nutshell what it is is a section of icons or a group a collection of icons that are really well made that you can use in all of your projects and they're really minimal and really well done and here is pretty much all it is say that you want to use one of them right so say that you need the maps icon you click it and then if you can see here if we zoom in it comes up with a small icon sized a very small 24 by 24 image well it's a vector actually and so if we click command k we can then scale these to be just about as big as we want them to be and obviously that keeps the same ratio of stroke to image size and it doesn't kind of mess that up now obviously you can use this you can use as many icons as you want i've personally used this feather icons to be the entire icon set from an app that i've that i've designed and the best thing about this is just it's really reliable and it has all the same kind of styles so you don't go around getting different weights or different settings or or sizes or whatever this is all the same designer it's all one unified group of icons that you can use for all of your projects then we have mock-up studio so to showcase this i'm gonna bring up the the plugin itself i'm gonna bring it up here and i'm gonna go over to one of my one of my sample frames here i'm gonna click collections for example now i'm not sure what size this frame actually is because this is one of the the sample ones created by figma to show you kind of how to use the app right but the the main point of this is that whatever frame you click it will create a mock-up for you so we can see here that this is probably going to be a mobile device or some sort of an iphone or something like that so let's click on iphone once we do that we can see that it actually creates a huge amount of mockups for us whether it's with a hand without a hand male female orientation can be portrait or landscape transparent or not so say that i don't want it to be transparent right and then it just creates all these mock-ups for us and then to use them we simply click on it so if you click on export and for the preview so to actually just have it in your project it's completely free but then obviously if you want to use it for for public use or for for your actual app you're gonna actually have to pay for it so that is the downside of it but i guess they do have to make money somehow so i don't really blame them but this is a really really good app just because mockups are so hard to do i mean you have to go into photoshop and drop them into the into the smart file and all these things but this just kind of takes all that out of the equation and creates it for you now obviously it's not the best in terms of ratio but again i didn't really i didn't make this right so it's kind of hard to tell if the ratio is right or not but yeah you can kind of play around with that and see how how well you actually like it the next one is going to be unsplash now i'm sure you guys have heard of unsplash it's pretty much one of the biggest resources for stock free images and to give an example let's say that we need an abstract sort of image for for one of the one of the frames here let's say that we want an abstract image here we'll click on abstract and it will create a massive image well i guess just the natives the native size of the image but if we actually go in here and we create an image itself now if we click on abstract again it will limit the image size to the actual rectangle or the actual shape that we drew so we can do that again with art so maybe it makes more sense because it's an actual art museum right something along the lines of that and then the cool thing is that when we go in here we can then add an effect to it and give it a layer blur and then let's just increase that and here we can see that it it pretty much just solves that entire issue for us right of having having to go into unsplash itself and try to get new images or whatever this kind of takes that all out of the equation and here i'm kind of cheating i'm doing the easy way where you kind of don't get the blurred edges but obviously if you want to get a really specific one you can just go into search and type in maybe we want art to type in art and we get all these different options now maybe this one makes more sense in terms of contrast but yeah once you click it in it's there it applies all the same effects that we had before and nothing's changed this is just a really cool app that honestly i've used a lot and here we can try it again on this one say we want to replace these two images and there you go it does it for you it keeps the same i guess the same aspect ratio and it would make sense to have a rectangular image here see because if not it kind of breaks that that ratio and then the last plugin is called wireframe this is a really really good uh plug-in if you are just getting started with wireframing and you kind of in in the beginning process of that and one of the comments that i read recently said that the person actually goes into into their notebooks actually draws it out imports it scans it or whatever and then goes into photoshop and creates wireframes and then into figma so this is just kind of takes five steps out of that equation and here we can see what i mean by that so let's say that we're doing a a login and sign up page right or something along the lines of that let's just create a frame here so i can show you guys and here we have all the different the different wireframes that we that we can add right we have kits for specific uses so we have a user flow kit and here we can see that when we click on it it shows us all the different wireframes that we can use now maybe this is not the kind of style that you were looking for but obviously there's different plugins out there that you can use but let's say that you want to set up a a login page here we have some of the the wireframes we click on the actual the actual plus sign and it drops it into the the file for us but now we say that we're missing some some menus right or some headers or whatever here we have different i guess here let's go into mobile let's go into menus and yeah we can kind of see just how much how many things that we can use for our for our project and obviously you can just scale it to as large as you want it maybe maybe it's not the right size for your project but yeah you can just layer these and make it into the best product that you can come up with and here we can see just exactly kind of right next to all the other ones we can see how easy it is to just build out an entire application with all these wireframes already done right it takes so much out of the equation and you can start it you can start to create animations and workflows and see what performs better with your customers or your clients and see just what people actually prefer better if you guys are new to figma then make sure you watch this video because i explain all the basics about figma and kind of how to get started in figma in 10 minutes or less thank you guys so much for watching i'll see you guys on the next video

Channel: Arnau Ros

Views: 20,854

Rating: 4.951417 out of 5

Keywords: figma plugins, figma plugin, how to install figma plugins, best figma plugins, designer figma plugins, how to use figma plugins, blush figma plugin, unsplash figma plugin, wireframe figma plugin, feather icons figma plugin, how to use feather icons figma, figma feather icons, feather icons figmda, feather icons figma, wireframe plugin for figma, icon plugin for figma, best plugin for figma, best figma plugins for design, best ui figma plugin, best ui figma plugins

Id: QaA_XmXNGaI

Length: 9min 8sec (548 seconds)

Published: Mon Mar 22 2021

Reddit Comments

[u/eymaardusen]

Please write down the plugins so I don’t have to watch the video.

[u/arnauros]

Thanks for the award! My first one :)