In this class, I am going to teach you everything you need to know about Figma as a UX/UI Designer.

We will start from zero, setting up an account and getting to know the Figma structure.

I will then introduce you to the brief as throughout the course we will work on a real project to create a tracking app from the first stroke to finish design.

We will start with setting up a wireframe and flowchart using Figma whereby I will show you all the Figma basics such as

• Setting up frames

• Adding shapes, text, and color

• Vector drawings in Figma

• learn about the layers panel, grouping, and positioning

• The magic of auto layout

• Using pages in Figma for structure

• Creating simple flow charts

We will then bring the wireframe alive and set up the UI Design, where we will get to know powerful features such as

• Styles for your color and typography settings to create a hierarchy

• Setting up Grids in Figma

• Learn about components and variants, a must for any UX/UI Designer

• Use constraints to test your design on different screen sizes

• Learn how to use the Figma community section

• Clipping and fixing elements for presentation mode

To finish off I will show you how to create a team library and share your files with your design and development team the right way.

In under two hours, you will find out everything about Figma that you need to tackle any project. Let's start!