Figma Fundamentals

Tags: Figma

Learn all the essentials of using Figma of UX design

Last updated 2022-01-10 | 4.4

- Learn all the essentials of Figma
- How to create a Figma project
- How to work with frames and shapes

What you'll learn

Learn all the essentials of Figma
How to create a Figma project
How to work with frames and shapes
How to add and format text
Drawing
components
constraints
and versioning
How to create a prototype

* Requirements

* Access to Figma to follow along

Description

Figma connects everyone in the design process so teams can deliver better products, faster.

In this course, learn how to use Figma and how to get a Figma project started. We will get into how to add content to your design project by working with frames, creating and editing shapes, drawing, adding and formatting text, and more. In addition, learn how to create a prototype, share designs using the collaboration features in Figma, and generate assets for development.

Learn how to create new files, segment your project for multiple screens and devices, and start adding content, including shapes, images, drawing, effects, and text. Also, learn features like layers, reusable formatting, and components.

By the end of this course you'll have a good understanding of using Figma and be able to use it for you next project.

Figma is a vector graphics editor and prototyping tool which is primarily web-based, with additional offline features enabled by desktop applications for macOS and Windows.

Figma is a cloud-based UX design and collaboration tool that is similar to Sketch in functionality and features, but with big differences that make Figma better for team collaboration. Figma simplifies the design process and is more effective than other programs at helping designers and teams work together efficiently.



Who this course is for:

  • Designers
  • Anyone interested in learning Figma

Course content

7 sections • 40 lectures

Set up local fonts Preview 02:03

Create a new file Preview 04:05

Create and edit frames Preview 05:50

Create pages Preview 02:59

Create shapes Preview 04:53

Combine and edit shapes Preview 04:46

Drawing Preview 06:31

Add images Preview 06:31

Mask images and effects Preview 07:40

Import content from UI kits Preview 08:09

Add and format text Preview 06:47

Work with layers and styles Preview 07:10

Reuse content with components Preview 06:07

Resize content with constraints Preview 06:29

Guide to prototyping Preview 02:09

Start prototyping Preview 06:07

Conclusion Preview 00:23

Figma (Old Course Version) Preview 00:04

Course files Preview 01:35

What is Figma Preview 03:47

Figma Tour Preview 09:24

Import from Sketch Preview 04:26

Setup Frames and working with pages Preview 08:45

Create and edit shapes Preview 05:38

Drawing Preview 04:35

Images and masking Preview 07:29

Add and format text and layers Preview 08:53

Work with components Preview 04:10

Applying constraints and versioning Preview 10:19

Understanding prototyping Preview 01:30

Create a prototype Preview 05:21

Team setup Preview 06:53

Team libraries Preview 07:26

Previewing Preview 03:27

Sharing Preview 07:04

Comments Preview 04:21

Exporting Preview 04:08