Advanced fast-paced Figma course for UI UX Design, User Experience Design, User Interface Design & Web Design
What you will learn
Transform your static components into interactive UI elements
Design complex nested components with Auto Layout & Variants
Learn automated ways to re-use components & utilize Figma plugins
Learn how to design Figma UI components with blazing speed
Add Amazon & LinkedIn Figma projects to your design portfolio
Learn Figma in an advanced accelerated path
Description
By completing this advanced accelerated Figma course, you will feel confident adding 2 real world projects like Amazon & LinkedIn to your portfolio.
The course is suitable for students who have a solid foundation in Figma. Students who are already familiar with Figma can greatly benefit from this course by learning cutting edge Figma skills. At the beginning of each section, you will have the full access to download the Figma source files. We will dive right into designing projects in no time.
Amazon Project:
- Design scalable and reusable color systems
- Breakdown the Amazon project into smaller UI components and re-use them in Figma
- Create a prototype in Figma by combining Amazon UI components
- Learn how to sync data to your Amazon UI components
LinkedIn Project:
- Design LinkedIn UI components with Auto Layout and Variants
- Combine LinkedIn UIÂ components into a working prototype in Figma
- Transform static components into interactive components
- Learn how to re-use components &Â styles to design the LinkedIn project efficiently
Other important topics that you will learn:
- Design complex Figma auto layouts and nested interactive components
- Generate color palettes and typographic items in a automated way
- Utilize Figma plugins to improve your design workflow
- Learn how to design and deliver better products with blazing speed
- Build enterprise level design systems and UIÂ components
- Learn how to resolve UI issues as we build the components and prototypes together
English
language
Content
Introduction
Course Overview
Amazon Project Overview
LinkedIn Project Overview
Finding Resources
List of my Figma plugins
Download Course Files as Bundle
Amazon E-Commerce Project
Download Amazon Excel Data
Download Amazon Final Figma file
Generate Color Palette
Refine Colors
Generate Typography
Buttons & Icon Library
Navigation Bar
Interactive Navigation Bar
Sidebar Navigation
Footer Navigation
Finalizing Amazon Project
LinkedIn Social Media Project
Download LinkedIn Excel Data
Download LinkedIn Final Figma file
Re-use Colors & Styles
Navigation Bar
Navigation Dropdown
Navigation Footer
Sidebar News & Article
Sidebar Profile
Chat Component
Header Component
Article Component
Finalizing LinkedIn Project