logo
Web-Design

Introduction to Figma

the course

Go from never opening Figma to designing confidently. Learn the tool that powers 90% of modern UI design.

5.057 reviews

No commitment

Figma
bitsup.fig
frame
Hero / Desktop
layers
Hero
Nav
Headline
Button / Primary
Button / Ghost
component
◆
Button
Variants: primary · ghost · ghost
handoff
W 1440
H 900
R 12

114

Total duration

15 lessons

Course content

beginner

Difficulty

Certificate

Included

About this course

What this course
is really about.

Figma is where modern design happens. Every product team you'll ever work with runs on it — from solo indie designers to teams at Google, Airbnb, and Stripe. But knowing Figma exists and knowing how to use it well are two very different things. Most people learn three tools and then wonder why their work looks amateurish.

This course fixes that. It starts from the very beginning: what Figma actually is, why it became the default over Sketch and Adobe XD, and how to set up your workspace so it works for you instead of against you. You'll learn the dashboard, the file types, and the difference between Figma Design, FigJam, Slides, and the other products — so you always open the right tool for the job.

From there, you'll go deep into the canvas. Frames. Layout guides. Navigation. Auto Layout — the feature that transformed Figma from a drawing tool into a design system tool. You'll learn typography in Figma, how to work with images properly, how masks and boolean operations actually work, and how to build reusable components with variants.

By the end, you won't just know where the buttons are. You'll know why professionals work the way they do. You'll understand when to use Auto Layout and when not to. When a component is worth building and when a plain frame is faster. How to structure a file so that another designer can open it and immediately understand it.

The final sessions cover the thing that separates hobbyists from professionals: exporting, sharing, and collaborating. You'll learn how to hand off work to developers, how to comment effectively, how to export assets at the right sizes, and how to know what to learn next.

This course is the first step in the Web Designer roadmap. Everything you design after this — UI, UX, product — happens inside Figma. Get fluent here, and everything else gets easier.

What you'll learn

Skills you'll
walk away with.

Understand what Figma is and why it became the industry standard for UI design.
Navigate the dashboard, workspace, and file types confidently.
Use frames, layouts, and guides to structure a design file properly.
Master Auto Layout — the feature that makes designs responsive and reusable.
Work with typography, spacing, and text styles inside Figma.
Import, manipulate, and mask images without breaking your layout.
Use boolean operations to build complex shapes from simple ones.
Organize your canvas with layers, groups, and panels that make sense.
Build reusable components with variants — the foundation of any design system.
Use Figma's plugin ecosystem to speed up your workflow (Lucide, Unsplash, and more).
Comment, share, and collaborate effectively with other designers and developers.
Export assets correctly for any platform — web, iOS, Android, or presentation.

Who is this for?

Built for people
who want to build.

01

Complete beginners who have never opened Figma before.

02

Designers migrating from Sketch, Adobe XD, or Photoshop.

03

Developers who want to translate designs into code more accurately.

04

Product managers and founders who need to prototype ideas quickly.

05

Anyone who's been "using Figma" for months but still feels like they're guessing.

Curriculum

What's inside.

1 seasons/15 lessons/114

01
What is Figma and Why is it the Most Popular UI Design Tool?3m
02
Creating an Account in Figma5m
03
Figma Dashboard Overview7m
04
Figma Community4m
05
Introduction to the Workspace6m
06
Tool Bar Overview7m
07
Simple Drawing Tools10m
08
Other Tools12m
09
Working with Images10m
10
Typography in Figma13m
11
Auto Layout9m
12
Styles6m
13
Components - Variants10m
14
Editing Objects5m
15
Exporting - Draw Mode7m

Certificate of completion

Finish the course.
Earn something to show for it.

Complete the course and earn a verified Parallane certificate recognizing the skills you've developed along the way.

Parallane

Certificate of Completion

Proudly presented to

Your Name

for successfully completing

Introduction to Figma

Verified

Issued By

Parallane

Certificate ID

PL-000000

Completed

January 2026

Recognized achievement

A certificate for completing your learning journey.

Earn by completing

Complete the required lessons to receive your certificate.

Show what you learned

Add your achievement to your professional journey.

Full access · Cancel anytime

One membership.
Every course.

Get this course and the entire Parallane library with one membership. Learn at your own pace and follow the roadmap that fits your goals.

Every courseNew releasesAsk tutorCertificates
€9/ month

Or save with annual — €6/month

No commitment. Cancel in one click.

FAQ

Questions?
We've got answers.

Everything you need to know about this course, your membership, and what happens after you complete it.

Your course access is included with your active Parallane membership. As long as your membership is active, you can return to this course and continue learning at your own pace.