Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Lessons:12Length:1.3 hours

Next lesson playing in 5 seconds


Free Preview: Introduction to Figma

Welcome to the Course

  • Overview
  • Transcript

Figma is an interface design tool. While it’s similar in many ways to apps like Adobe XD and Sketch, the fact that it runs in the browser, coupled with some awesome collaboration features, makes it unique and thus far very well received.

In this course you’ll learn the basics of working with Figma, from both a designer’s and a developer’s point of view.

Learn Figma

We've built a complete guide to help you learn figma design, whether you're brand new to Figma's design tools, or you want to take your skills to the next level.

1. Introduction

1.1 Welcome to the Course

Hello everyone, I'm Adi Purdila. And in this course, I'm going to show you the basics of using Figma, which is the first interface design tool based in the browser. Now, in many ways, it's very similar to other tools like Adobe and Sketch. But Figma has some unique features that make it really easy to use. I'll show you all about these features and more in this course. So let's get started.

1.2 Working With Files, Teams, and Projects

Hello and welcome back to this course. In this first lesson we are gonna answer the obvious question, what is Figma? And the answer to that is pretty simple. Figma is a user interface design tool, and besides the fact it allows you to design, it also allows you to prototype, and also collaborate with other people gathering feedback. And it's doing all of that in the same place. Now you can find more information about Figma, at the official website at figma.com. And one of the very interesting things about this tool is that, it's based on the browser. So it can use it on Mac OS, Windows, Linux, you can use it pretty much everywhere. In the browser, it just work and it works in all sorts of browsers as well. There is a little bit of configuration before you can start using it to it's full potential, but the idea is you can open your Figma document it can work wherever you are. Now there are also a native apps for operating system so if you're using a MAC you'll get a MAC App. If your using Windows you'll get a Windows App, but the interface is not different. It's using the same interface whether you're own Mac or on Windows and that's a good thing. So, you can go to figma.com and to access the web interface you just sign in if you have an account or sign up to create one and you'll be presented with the web interface. If you want to use the native app instead, you can scroll all the way down, go to Downloads and here, you can find the desktop apps for Mac OS and Windows. Currently there isn't one for Linux so you're stuck with the browser for that operating system. There is also something called Live Device Preview, we'll talk about this later. And also Font Installer, also we will discuss this later but if the Desktop App is what you are after, this is the place to download it. Now I'll be using the Desktop App here, I have the version for Mac OS, this is what it looks like. Now we're gonna have a look at this UI in more detail, in a future lesson but for now, I just wanted to give you a quick start. Let you know where to begin and we'll get into more detail in the upcoming lessons. Now before we wrap it up, I just wanna talk about pricing a little bit. Because, if you are an individual, then Figma is free. Yay for that, you can have up to two editors in your team, you can create up to three projects and you have a limited version history. If you wanna take things a bit further, then you have to pay $12 a month. If you pay annually or $15 if you pay monthly, but this is geared more towards teams. Here you have unlimited projects, unlimited version history, you have something called team component library, we'll also cover this in a future lesson. Slack integration for better communication. So depending on your needs you might go for the free version or the paid version right here. Now let's get a little deeper with Figma and we'll start talking about how to work with files, projects and teams and that's coming up in the next lesson.