Figma for Web Designers: From Beginner to Expert Level

  • Home
  • Figma for Web Designers: From Beginner to Expert Level
Shape Image One

Figma for Web Designers: From Beginner to Expert Level

About Course

If you are interested in web design, then you have probably heard about such a tool as Figma. Figma is the most promising web design program of our time. It combines the most advanced website design development tools and is already head and shoulders above its competitors.

One of the most important advantages of figma is its ease of use and ease of learning.

Also, do not forget that such advanced tools are the future. More and more designers and companies around the world are switching to Figma. For example, the design teams at Twitter and Uber work entirely in Figma. It doesn’t require any space on your hard drive because it runs in the cloud and instantly saves all layout changes. Figma has version control and you can always roll back to the right moment.

Figma does not require any installation; you can open it directly in your browser and work. This means that it can be used on any platform (Windows, Mac, Linux). For the first two, there is a desktop version. During the course, we will use all the program tools in practice and create your own component library and mobile application layout. We will also make a clickable prototype of this application.

Show More

What Will You Learn?

  • Internal and external interface of the program
  • Figma Tools
  • Frame is a very important part. A frame is the basis of a program.
  • Components
  • Contsraints
  • Figma grids and guides system
  • Plugins
  • Prototyping
  • Styles
  • You will lay the foundation for your component library
  • Practical work on creating a mobile application using the acquired knowledge and your library of components
  • Learning the basics of atomic design

Course Content

Introduction

  • About the course
  • Help with completing the course
  • Download Figma and register for the program
  • What are the main differences between Figma and other editors
  • File structure
  • Overview of the program interface
  • Saving and transferring a file
  • Sketch files in Figma

Figma Tools

Figma Professional Tools

Creating your own component library

Practice in Figma

Prototyping in Figma

Student Ratings & Reviews

No Review Yet
No Review Yet