Figma Course Online
Learn what Figma can do for your design workflow. This free video tutorial is for anyone new to UX design (user experience) and UI design (user interface) or new to Figma, as well as designers with experience in other design apps. You'll find out how Figma compares to the competition (Adobe XD and Sketch) to help you decide which to use.
View the Presentation Slides
Become a UX or UI designer or learn more about Figma with hands-on, project-based classes:
- Figma Bootcamp (attend in New York City or Live Online)
- UX Design Classes (attend in New York City or Live Online)
- UX Design Classes Near Me
1Overview & Roadmap
Hello. My name is Dan Rodney, and this is the introduction to Figma. Today we're going to get an introduction to Figma. We're going to discuss what Figma is and what it can and can't do. We're also going to talk about Figma pricing. A lot of people say Figma is free. There is a free plan, so we’re going to talk about whether you can get away with not paying for Figma. It's both a web app and a desktop app, so we’ll talk about the difference between those two things.
We’ll also be going over how to use Figma at a high level, focusing on how it works in general. In the time that we have, we can’t get into a super deep dive, but it will give you an overview of the basic capabilities and general workflow that you will use when designing things in Figma. We’ll also talk about how Figma compares to Adobe XD and Sketch, which are both competing apps. They are all fundamentally the same type of design apps, just made by three different companies. Finally, we’ll talk about ways to learn more.
For those that aren't familiar with us at Noble Desktop, we've been around for over 30 years and we do all sorts of design and code-related training, so Figma was right up our alley. It's one of the things that we teach along with Adobe XD and Sketch. A lot of people know how to use one of these apps or maybe they know how to use a couple of them, but I've actually used Sketch, Adobe XD, and Figma for many years. I've used Photoshop, I've used Fireworks Macromedia So I've used a lot of different design apps over the years. I'm actively using Figma, XD, and Sketch. Today we're going to be focusing on Figma and how it works.
2Getting Started
There are a couple of things that I want to explain that are important about Figma’s setup and its approach to things. and the setup and just understanding its approach to things. A lot of tutorials skip over some of this stuff, so I think it's important before we dive into Figma to make sure that we understand certain terminology and how your accounts impact what you can do with Figma.
I will be showing you how Figma works inside the app, but there are some important things before we do that.
This presentation here is a web address. It is www.nobledesktop.com/presentation/figma and there's a link in the video description down below. When you're in this presentation, you can use your left or right arrow keys to go back and forth. If you're on a touchscreen device, you can also swipe left and right to advance the slides as well. These are interactive slides, so if there's a link, you can click on it and use your arrow keys to go back and forth. There are also little arrow buttons down here to go through these slides. This presentation will stay up and live so you can reference it in the future.
RELATED ARTICLES
Top Web Design Trends for 2025
Web design is poised to break the mold in 2026, with futuristic concepts drawing inspiration from retro and nostalgic elements. This article explores the...
8 UX & UI Design Trends for 2025
Discover the trends that have been shaping the field of UI and UX design in 2025, including minimalism, seamless interfaces and storytelling, and anticipate...
What is Adobe XD?
Discover the potential of Adobe XD, a vector-based design tool that allows you to create digital designs for everything from mobile apps to websites,...