10. Plugins - Figma 101

One of the greatest strengths of Figma is its extensibility through plugins, widgets, and community files. So let's explore each of these to understand how they can significantly enhance your design workflow. Figma plugins are like your very own design assistant, automating tedious tasks and bringing an extra layer of functionality to your workflow. This is a large and growing catalog of both free and paid plugins that you can explore in Figma community. There's one that I use in literally every one of my designs called use contrast.

It checks the contrast ratio between two layers and gives immediate feedback ensuring that your design complies with the web content and accessibility guidelines. This not only makes your designs more accessible to users with visual impairments, but it also improves overall readability and usability of your designs. If you wanna learn more about contrast and how to use it effectively, you can go to usecontrast. com/guide. Next, we have the Unsplash plugin.

This plugin provides an easy way to add royalty free images into your designs. You just select a frame, activate the plugin, and search for the desired image. Within seconds, you'll have a nice image incorporated into your design. Even if you don't use these photos and your final designs, they work great as placeholders. Finally, the smooth shadow plugin adds depth and realism to your designs.

Unlike regular shadows that can appear harsh, this creates a gradual transition between the shadow and the object making your designs look a little more polished and professional. All of these plugins and many more are readily available in Figma's Plugin Library. Widgets are custom objects that you can add directly to the Figma canvas. They allow you to level up your design sessions with different tools, data from external applications, or new ways to create. Unlike plugins, which are only visible to the individual using the plugin, widgets are objects that everyone in the file can see.

You'll need to have, can edit access to a file to add or use a widget. You can add as many widgets as you want, and you can reposition them just like any other object. I don't use widgets that often with my design work, but when I do, it's been for small utility type purposes. There's a Pomodoro timer widget that I can set a certain amount of time for a particular design task and have the timer on the canvas to remind me when the time is up. There's also a fun little to do widget, like a checklist you can add to your design file.

It's a handy way to keep track of what you need to do next, and you can have your design and your task list in the same place, so you don't have to keep switching back and forth between apps. These are just a few examples and you can find a lot more in Figma community. So take some time to explore and find the ones that suit your workflow. Next, we'll look at community files. The Figma community is a gold mine of design assets.

It's a place where people share designs, files, and other resources. A great resource to check out is my friend Joey Banks iOS files. Joey shares some really useful iOS design files that can make your work a lot easier, especially if you're designing for Apple devices. You can duplicate a copy of these community files into your own Figma workspace and start to use them by copying and pasting the elements into your own files. I'm constantly grabbing little pieces out of this iOS kit so I can have actual iOS elements in my designs, right down to the smallest details.

You can browse the Figma community for tons of other resources too. There are UI kits, wireframe sets, icons, and more. If you're looking for something specific, there's a good chance someone else has already made it and shared it. It's a great way to save time and learn from the community. So take a look at what's out there, download some files and see how they can help you with your design work, and don't forget, you can share your own work as well.