The Complete Figma UI/UX Course
Create Mobile & Web App Designs and Learn how to turn them into Interactive Prototypes
What will I learn in this course?
In this complete 6 hour UI/UX course with Figma, you will learn how to create beautiful mobile & web user interfaces that you can then turn into live prototypes with the help of Figma.
What's Figma?
Figma is a leading design software, helping teams and individuals create designs faster and more efficiently. Figma is free and you can use it right on your web browser, on Mac and Windows.
Is this course for me?
Great question! You're in the right place if any of these apply to you:
- You’re interested in user interface & user experience design (UI/UX) but not sure where to start.
- You’re an entrepreneur with an app idea and want to turn your idea from a sketch to a realistic mockup and prototype.
- You want to brush up your design skills to get the job that you want at companies like Airbnb, Google, Apple, etc.
- You’re already designing and want to jump into Figma and take your designs to the next level.
- You’re interested in earning income as a freelance designer.
- You simply want to enter a new career path, and graphic design has interested you.
Here's What Students Are Saying
Andjela J.
“Loved the course! – it breaks everything down step by step clearly yet concisely at the same time. Nima is a great instructor!”
Tobias J.
“I was a complete beginner to Figma prior to taking this class. Nima, you went above and beyond in developing this course and you effectively curated it for someone who has never used the application before! Thank you for that! The quality and attention to detail on even the shortest of sections proved beneficial in the grand scheme of it. Easily one of the best familiarization courses for Figma!”
Maya B.
“This course exceeded my expectations because everything is very well explained and organized. It is beginner friendly and Nima does a good job at clearly explaining the topic. Recommend it to anyone who wants to learn about Figma and UI/UX.”
Meet your Instructor, Nima
Nima is an entrepreneur & designer with a high passion for building products of all sorts and seeing ideas come to life. As a serial entrepreneur, he's launched products in fields ranging from fashion to technology. Nima has over 12 years of experience in both designing and developing dozens of mobile & web apps for clients, through Clevr and his startups.
Nima has also designed and developed an open-source iPhone development library called FCAlertView, helping 350,000+ app developers use beautiful customizable alert prompts within their applications.
Nima's goal is to create beautiful and useful products for the world, while teaching and inspiring others to become the best designers they can be.
Course Curriculum
- Mockup Requirements (3:07)
- Mockup Files
- The Wireframe (5:20)
- Setting up Our Frames (9:41)
- Images & Overlays (9:22)
- Adding Icons (10:37)
- Choosing a Color Scheme (6:56)
- Setting Up Color Styles (5:14)
- Tutorial Page (10:55)
- Components (15:07)
- Button Components (5:36)
- Using Pages to Organize (5:14)
- Payment Page (8:19)
- Constraints (6:46)
- Constraints Exercise Solution (4:44)
- Plugins (4:52)
- Completing Our Map Page (6:10)
- User Experience Design (UX) (6:12)
- Using Templates (3:03)
- Using Apple Templates & Fonts on Windows
- Working on Our Main Pages (7:25)
- Designing a Tab Bar for Navigation (6:07)
- Request Page (9:09)
- Store Cards (11:56)
- Adding Constraints to the Request Page (3:40)
- Profile Page (7:37)
- Applying Constraints to the Profile Page (2:05)
- Services Page (7:57)
- Adding Sample Data from Google Sheets (4:31)
- Finding Custom Fonts to Use (3:07)
- Creating Text Styles (7:29)
- Applying Text Styles Everywhere (7:14)
- Finishing Touches (6:46)
- Creating Prototypes (3:06)
- Adding Connections between Frames (3:35)
- Scrolling in Prototypes (4:27)
- Testing on a Real Device (1:51)
- Using Overlay for Popups (6:00)
- Openning Links (2:23)
- Adding Animations (2:53)
- Page Transitions (2:18)
- Interactive Maps (1:53)
- Playing GIFs (3:20)
- Smart Animate (5:57)
- Interactive Components (5:02)
- Interactive Components Exercise Solution (2:19)
- Creating New Flows (3:54)
More About the Course...
Will we design any projects in the course?
Of course! This course will be all about learning while designing together. That's why we'll spend the first bit of the course learning the basics and setting up a Figma account, then we'll work on 2 complete design projects: a full mobile UI/UX for a laundry delivery service and also a web app dashboard interface for their laundry stores to use.
What can I expect by the end of the course?
By the end of this 6 hour complete course, you will have learned the many great tools Figma has to offer and you will be able to design engaging mobile and web mockups, that you can turn into live interactive prototypes, for your own projects or for your clients.
Do I need anything before taking the course?
Nope! Just grab your computer (Mac or Windows) and an internet connection (which you probably have if you're reading this 😄). This course is for both beginners & experienced designers looking to expand their skills.