UX/UI Design Using FIGMA
Master UX Design and UI Interfaces
What you'll learn
- Understand the difference between UX and UI
- Learn design thinking principles
- Use Figma for interface design
- Execute a comprehensive practical project with Figma
- Design an exceptional user experience
- Analyze and improve user experience
About this course
Figma is a design tool for user interfaces, web and mobile applications, and interactive graphics. This course includes explanations on how to use Figma to design user interfaces and work with various design elements such as buttons, fields, boxes, images, graphics, and texts. It targets designers, developers, and individuals who want to learn how to effectively use Figma in their daily work.
Expected outcomes
- Master Figma for designing user interfaces and experiences.
- Analyze and improve user experience based on data.
- Create professional designs and work with colors, fonts, and images.
- Prepare high-quality design prototypes and share them with the team.
Course content
1UI/UX Design Principles
18 lectures
- Course Introduction6:27
- The Difference Between User Experience Design and User Interfaces UX vs UI9:25
- What is User Experience and Case Study?8:45
- What is User Experience Research?7:41
- User Experience Analysis5:45
- What is User Flow?11:32
- Design Thinking11:36
- Intro to UI6:13
- The First and Second Principles of UI8:19
- The Third and Fourth Principles of UI9:32
- Most Used Screens in Design7:23
- The Difference Between Operating Systems13:10
- What is the Color Wheel7:00
- Meanings and Connotations of Colors7:18
- Color-Specific Websites14:33
- Fonts in UX_UI16:07
- Famous Websites for Designers9:30
- The Difference Between Image Formats4:56
2Using Figma
11 lectures
- Downloading Necessary Programs and Tools and Introduction to Figma13:30
- Art Board in Figma13:30
- Shapes in Figma17:30
- Text in Figma14:38
- Colors and Images21:15
- Group vs Frame14:41
- Components18:17
- Layout and Responsive Design14:11
- Creating Links Between Screens (Part One)20:27
- Creating Connections Between Screens (Part Two)8:22
- Share and Export17:53
3Complete Project from A to Z Using Figma
8 lectures
- Defining Goals and Ideas for the Final Project13:16
- User Journey, Sketch, and Project Model (Part One)11:56
- User Journey, Sketch, and Project Model (Part Two)25:57
- User Journey, Sketch, and Project Model (Part Three)15:58
- Finalizing the Design and Uploading to Behance (Part One)28:27
- Finalizing the Design and Uploading to Behance (Part Two)19:37
- Finalizing the Design and Uploading to Behance (Part Three)17:55
- Finalizing the Design and Uploading to Behance (Part Four)20:25
4The Add-ons
3 attachments
- Download the Workbook
- Important Sites No Designer Can Do Without
- Download the Final Design File
Instructor
Diya Ahmed
661 students1 courses
