By the end of this course, you will be able to
Recognize the principles of Figma and how to use the program from the beginning and step-by-step. Then, you will learn to identify the functions of UI.
Implement layout grids and build reusable components. Then, you will learn to implement different colors and use images properly in your creative designs.
Identify the usage, types, and different roles of Masks in Figma to create a transparent area in an image or even hide certain areas of the image from view.
Course details
- 3 h 3 m/27 lessons
- Last updated: 7/5/2023
- Course completion certificate
Course Content
Course Introduction
Course Syllabus
Course Projects overview
Course Introduction
Course Syllabus
Course Projects overview
How UI differs from UX ?
What does a UI Engineer do?
UI Engineer daily tools
Figma - The Course Friend
Installing Figma on Windows
Installing Figma on MAC
Let's explore Figma - The Web Edition
First steps in Figma
How to Create a team in Figma ?
Let's dive in the Figma community
How to import a Figma file ?
How to create your first Figma design file ?
Explore the design file navigation bar
What is a Figma frame ?
Figma & the different type of shapes
Figma Layout Grids
Burger Shop - Login Screen
Adding input fields to our login screen
Adding effect to the login screen
Activating auto-layout in our burger shop
Let's explore the components by creating our first one
Exporting the Figma project in a right way
Masking and it's usage Figma
From Mathematics to Design: Boolean exist everywhere
About this course
Figma is a web-based graphics editing and user interface design app. You can use it to do all kinds of graphic design work from wireframing websites, designing mobile app interfaces, prototyping designs, crafting social media posts, and everything in between. Therefore, this course is prepared to help you master Figma by creating unique in-demand projects with hands-on training. It will include designing 4 big projects, targeting different domains (e-commerce, online messaging, food shops, and more).
Course requirements and prerequisites
This course requires a computer with an internet connection (Windows/ MAC/ Linux).
Mentor
Darine Tleiss
UI/UX Designer
1,258 Learners
3 Courses