Figma Complete Guide | Tools and Features Explained 2026

In this lesson we will explore the Figma workspace and get familiar with the left panel which is the foundation of everything you will do in Figma.

What we will cover:

• The Figma workspace layout and how to navigate it

• Understanding pages and how to organize your work

• The left panel including layers, assets and pages

• How to rename, duplicate and manage pages

• Tips for keeping your workspace clean and organized

By the end of this lesson you will feel completely comfortable inside the Figma workspace and ready to start using its tools confidently.

In this lesson we will explore the Figma bottom toolbar and cover some of the most important tools you will use in every single design project.

What we will cover:

• A complete overview of the Figma toolbar and how to navigate it

• The Selection Tool and how to select, move and resize elements

• The Move Tool and how it differs from the Selection Tool

• The Hand Tool for navigating around your canvas without moving elements

• The Scale Tool for resizing elements proportionally

• The Frame Tool and how to create frames for your designs

• The Section Tool for organizing and grouping frames on your canvas

By the end of this lesson you will know exactly when and how to use each tool in the Figma toolbar and work much faster in your design workflow.

In this lesson we will dive deep into two of the most powerful drawing tools in Figma, the Rectangle Tool and the Pen Tool. We will cover every functionality so you understand exactly how each one works.

What we will cover:

• How to draw and customize rectangles including width, height, corner radius and fill

• How to use the Rectangle Tool to create any basic shape in your designs

• Understanding the Pen Tool and how it works with anchor points and bezier curves

• How to create custom shapes and paths using the Pen Tool

• How to edit and manipulate paths after drawing them

• The difference between open and closed paths

• Tips and tricks for using the Pen Tool efficiently in real design work

By the end of this lesson you will be confident using both the Rectangle Tool and the Pen Tool to create any shape or custom illustration you need in Figma.

In this lesson we will cover the Text Tool in Figma and explore every property and functionality related to typography so you can create professional and consistent text in all your designs.

What we will cover:

• How to add and edit text in Figma using the Text Tool

• Font family, font weight and font size settings

• Line height, letter spacing and paragraph spacing

• Text alignment including left, center, right and justified

• Text decoration including underline, strikethrough and uppercase

• How to use text styles to keep typography consistent across your designs

• How to resize text boxes and work with auto width and auto height

• Tips for working with text in real UI design projects

By the end of this lesson you will be able to use the Text Tool confidently and apply professional typography settings to any design project in Figma.

In this lesson we will explore the Comments feature in Figma and learn how to use it effectively for collaboration and feedback in real design projects.

What we will cover:

• What comments are and why they are essential in team design workflows

• How to add a comment to any element or area in your Figma file

• How to reply to and resolve comments

• How to use comments to give and receive design feedback professionally

• How comments improve collaboration between designers, developers and clients

• Tips for using comments effectively in real project workflows

By the end of this lesson you will know exactly how to use Figma comments to collaborate with your team, gather feedback and keep your design process organised and professional.

In this lesson we will explore the Plugins feature in Figma and learn how to use plugins to work faster, smarter and more efficiently in your design projects.

What we will cover:

• What plugins are and why they are a game changer for designers

• How to find and install plugins from the Figma community

• The most useful and popular plugins every designer should know about

• How to run and manage plugins inside your Figma file

• How plugins save hours of manual work in real design projects

• Tips for choosing the right plugins for your workflow

By the end of this lesson you will know how to find, install and use Figma plugins to supercharge your design workflow and get more done in less time.

In this lesson we will explore the right panel in Figma and learn how to use two of its most powerful features, Mask and Components, to create more professional and efficient designs.

What we will cover:

• A complete overview of the right panel and all its properties

• How to use fills, strokes, effects and opacity from the right panel

• What a Mask is and how to use it to clip and reveal parts of an image or shape

• How to create and use Components in Figma

• The difference between a main component and an instance

• How to detach and override component instances

• Best practices for using components in a real design system workflow

By the end of this lesson you will understand how to use the right panel properties confidently and know exactly how to create masks and components that save you time across your entire design project.

In this lesson we will cover Position and Alignment in Figma and learn how to place and align elements precisely to create clean, balanced and professional designs.

What we will cover:

• Understanding X and Y position values and how to use them to place elements precisely

• How to use the alignment tools to align elements to each other and to the frame

• Aligning elements to the left, right, top, bottom, center and middle

• How to distribute elements evenly with equal spacing

• How to align multiple elements at once

• Tips for using alignment tools to speed up your design workflow in real projects

By the end of this lesson you will be able to position and align any element in Figma with precision and confidence making your designs look clean and professional every time.

In this lesson we will cover Constraints, Rotation and Flipping in Figma and learn how to use these properties to create responsive and flexible designs.

What we will cover:

• What constraints are and why they are essential for responsive design

• How to set constraints to keep elements in place when a frame is resized

• How to rotate elements to any angle using the rotation property

• How to flip elements horizontally and vertically

• How constraints work together with auto layout for responsive UI design

• Tips for using constraints and rotation in real product design projects

By the end of this lesson you will know how to use constraints, rotation and flipping to build designs that adapt to different screen sizes and look great at any angle.

In this lesson we will cover Auto Layout in Figma which is one of the most powerful and important features you will use in real UI design projects.

What we will cover:

• What Auto Layout is and why every designer needs to understand it

• How to add Auto Layout to any frame in Figma

• How Auto Layout controls the direction, spacing and padding of elements automatically

• How to use horizontal and vertical Auto Layout directions

• How to set gap between items and padding inside a frame

• How Auto Layout responds when content is added or removed

• How Auto Layout works with components to create flexible and scalable UI elements

• Tips for using Auto Layout in real product design workflows

By the end of this lesson you will understand how Auto Layout works and be able to use it to build flexible, responsive and scalable UI components and layouts in Figma.

In this final lesson we will cover the Export feature and the most essential Keyboard Shortcuts in Figma to help you work faster and deliver your designs professionally.

What we will cover:

• How to export single elements, frames and entire pages from Figma

• Export formats including PNG, JPG, SVG and PDF

• How to set export scale including 1x, 2x and 3x for different screen resolutions

• How to export multiple assets at once using the bulk export feature

• The most important and time saving keyboard shortcuts every Figma designer should know

• How to use shortcuts for selecting, moving, grouping, zooming and editing elements

• Tips for delivering design assets to developers in a professional workflow

By the end of this lesson you will know how to export your designs in any format and use keyboard shortcuts to work significantly faster and more efficiently in every future design project.