Note: If you have a different UI than in the course, you can change it back by clicking the '?' in the bottom right corner of Figma and select 'Go back to previous UI'. Happy Figma'ing!

Figma UI UX Design Essentials

Free images & plugins for Figma

This lesson is exclusive to members

Course contents
SECTION: 10
Tips & Tricks 7:21
SECTION: 14
Working with Illustrator 4:16
SECTION: 19
Saving & History 5:42
SECTION: 24
Teams & Projects 5:19
SECTION: 27
Thumbnail update 4:10

Questions

1
2
2

Course info

114 lessons / 12 hours 29 quiz questions 22 projects Certificate of achievement

Overview

Hi there - my name is Dan Scott & welcome to Figma Essentials.

Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma.

You can try Figma for free by clicking here.

We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'll cover the client expectations of you as a new UX designer. 

This course is aimed at people new to design, new to User Experience design. Even if you’re not totally sure what UX really means, don’t worry. We’ll start right at the beginning and work our way through step by step. 

First we’ll describe the brief & how to work with a UX persona.  

Then you’ll learn how to create simple wireframes.  

From there we’ll look at how to implement colours & images properly in your designs.

You’ll learn the do’s & don’ts around choosing fonts for web & mobile apps. 

You’ll learn how to create your own icons, buttons & other UI components. 

You’ll learn some pretty scary terms such as Components, Constraints & Multi Dimensional Variants. They are all really easy to understand once you know how. 

We’ll also make our lives easier by using free UI kits & plugins for Figma which will speed up our workflow dramatically!

We’ll build a simple Style Guide ready for client handoff. 

You’ll understand how to make both simple & advanced micro interactions, page transitions & animations 

Before the end of this course you will have made fully interactive prototypes 

You will take a project all the way through -  collaborating with other team members and exporting the right files ready to hand off to your developer or software engineer. 

We’ll be focusing on the software Figma but I’ll make sure to explain the techniques & terms used in the UX and how real world projects are run. You will develop a great understanding of the industry and will be able to manage your own UX projects.

I will be setting assignments through the course which will help develop your skills and enable you to create something special and unique for your own portfolio. 

Alright - it's time to upgrade yourself & go from Figma Zero to Figma Hero.

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Certificates

We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

Downloads & Exercise files

Transcript

Hi everyone, in this video I'm going to show you a couple of great places to get commercially usable free images, and I'll also show you the corresponding plug-in, so that we can just kind of click on shapes here, and go, you know what, this one, oh, too good, all right let me show you how it all works. 

All right, free images, the big place to go is unsplash.com, they're commercially usable, can be used both professionally, commercially, for education, they're pretty amazing, what you can get these days. I don't know how this works, well, I know how it works, they get paid via ads, in kind of upselling to paid ones, but it's pretty spectacular. 

So Unsplash, and Pexels is another one, if you can't find what you need in Unsplash, if you're working for a big company, do get them to check the details properly, but you'll see here, the Unsplash license, it's pretty clear what you can and can't do with them, and you can do quite a bit. They appreciate attribution, so it might be, somewhere that you say, "Hey, this was the photographer, thanks for the free image." 

So let's say that, there's plenty other places, but let's say these two are really good at the moment. It would be even handier if there was a plug-in that connected them up, because, like downloading them, we're not going to cover, right, you go into it, hit download, but imagine if there was a plug-in right into it, "free images." We're going to sort by plugins, I'm in the Community part, there it is, Unsplash, and you can see, well, there's lots of downloads, I've already installed it, man, it's easy to uninstall and install these things, click it once and it's gone, give it a sec. 

Actually, let's install this one as well, I don't know if it's installed or uninstalled, let's go check it out. "It's so easy, Dan." We've got our plugins, and yes, one's gone, and that one's back, Pexels, I'm hoping it works the same. I've used Unsplash loads, let's have a look, do they work the same way, yeah. Click once, they install. 

If you've got a shape first though-- let's delete that one, it can take a little while, don't keep smashing on these, because it takes a little while, sometimes to kind of appear over here. So let's say I've got this selection, and I type in "headphones," it'll go into it, here we go, click once, and it should go inside there, so good. 

All right, that is free images, look for the plugin, there's probably one for just about everything. All right, that's it for this video, I'll see you in the next one.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025