Design System with Figma 101
1. What You Will Learn
Understanding of UX/UI design, Atomic design, and Design systems
Ability to design and develop wireframes and prototypes for applications
Proficiency in using Figma for UI design
Knowledge of design systems and component-based design
Ability to create design page demos and prototypes
Application of knowledge to real-world product design within organizations
2. Instructor
3. Course Content
Introduction to Course:
What are UX and UI design?
What is Atomic design?
Wireframes:
Fundamental principles of application design using wireframes
Figma Fundamentals & Course Instruction:
Essential Figma commands and tools
Setting up frames in Figma
Working with shapes, grids, rulers, icons, and fonts
Manipulating images in Figma
Alignment and distribution techniques
Working with groups, auto layout, nested icons, and responsive cards
Applying Design to Applications and Component-Based Design:
Controlling design systems and components
Utilizing components effectively
Creating design page demos
Developing prototypes
4. Schedule, Location, and Cost
Dates: September 15, 2023
Location: DENSO (Thailand) Co., Ltd. (Wellgrow Plant)