Service Solution

About Project

Design System with Figma 101

1. What You Will Learn     


  1. Understanding of UX/UI design, Atomic design, and Design systems

  2. Ability to design and develop wireframes and prototypes for applications

  3. Proficiency in using Figma for UI design

  4. Knowledge of design systems and component-based design

  5. Ability to create design page demos and prototypes

  6. Application of knowledge to real-world product design within organizations


2. Instructor


  • Chanthana Suwannakhet (UX/UI Designer)

3. Course Content


  1. Introduction to Course:

  • What are UX and UI design?

  • What is Atomic design?

  1. Wireframes:

  • Fundamental principles of application design using wireframes

  1. 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

  1. 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)



Back to consult And Training Service Solution