Everything you need to know about Figma as a UX/UI Designer.
In this class, I am going to teach you everything you need to know about Figma as a UX/UI Designer.
What you’ll learn
- Setup your own free Figma account!.
- Setup wireframe in Figma.
- Setup a complete User Interface Design with Figma.
- Share your work with other Designers and Developers.
- Make your Designs Shine in Presentation Mode.
Course Content
- Introduction, Project & Course Material –> 4 lectures • 8min.
- Setup –> 3 lectures • 6min.
- Learning the Figma Basics – Let’s make a wireframe –> 18 lectures • 43min.
- Setting up the UI Design –> 13 lectures • 39min.
- Presenting your Work –> 2 lectures • 3min.
- Sharing Files With Designers and Developers –> 5 lectures • 10min.
- Extra: Demystifying Resolution, Points & Pixels –> 4 lectures • 7min.
- Extra: Colours –> 4 lectures • 11min.
- Before you go –> 1 lecture • 1min.
Requirements
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!