Free Figma Course Online
Master Modern UI Design with Free Figma Training
Traditional vs Modern Design Tools
| Feature | Traditional Tools | Modern Tools |
|---|---|---|
| Primary Use | Print & Graphics | UI/UX Design |
| Prototyping | Limited | Built-in |
| Collaboration | File-based | Real-time |
| Web Focus | Adapted | Native |
What Makes Figma Different
UX Planning
Plan user experiences with dedicated wireframing and user journey tools. Create information architecture and user flows seamlessly.
UI Design
Design interfaces with components, design systems, and responsive layouts. Built specifically for digital products.
Prototyping
Transform static designs into interactive prototypes. Test user interactions before development begins.
Your Learning Path
Understanding Figma
Learn what Figma can and cannot do, exploring its capabilities and limitations for design work
Pricing & Access
Discover Figma's pricing structure and understand the free tier options available to get started
Platform Choice
Compare web app versus desktop app options to choose the best setup for your workflow
Design & Prototyping
Get a high-level introduction to Figma's design and prototyping capabilities through hands-on examples
Tool Comparison
Understand how Figma compares to Adobe XD and Sketch to make informed tool decisions
This tutorial is designed to give you a comprehensive overview of Figma's capabilities before committing to more intensive hands-on courses.
Figma vs Competitors
| Feature | Figma | Adobe XD | Sketch |
|---|---|---|---|
| Platform | Web + Desktop | Desktop Only | Mac Only |
| Collaboration | Real-time | Cloud-based | Limited |
| Pricing | Free Tier | Subscription | One-time |
| Learning Curve | Moderate | Easy | Moderate |
Key Takeaways
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
Collecting Content for Your Design Portfolio from Day One
As a designer at any level, your portfolio is a most valuable asset. It represents what you can do, the methods you can apply to implement stakeholder...
Leverage LinkedIn and Glassdoor
In today’s world, job seekers and employers connect through online job boards and networks. Job boards and online job networks overlap but are not the same...
Creating Your Design Portfolio Website
Once you have assembled your design portfolio content, the remaining piece of the puzzle is to find a place to post it for review online. Let’s quickly run...