Design System & Design Token

คอร์สนี้เหมาะกับใคร

UX/UI Designer, Product Designer, Front-end Developer และทีมที่ต้องการสร้างมาตรฐานงานออกแบบร่วมกัน

เนื้อหาที่จะได้เรียน

1. 01
   พื้นฐาน Design System และ Design Token
2. 02
   ตั้งค่า Foundation: Color, Typography, Spacing และ Grid
3. 03
   Atomic Design และการจัดโครงสร้าง UI
4. 04
   Auto Layout, Component และ Variables
5. 05
   สร้าง Button, Text Input และ Card อย่างเป็นระบบ
6. 06
   ออกแบบ Token Structure สำหรับ Design และ Development
7. 07
   Export Variables เป็น JSON และแปลงเป็น CSS
8. 08
   สร้าง Light และ Dark Mode
9. 09
   ใช้ AI, Cursor และ Figma MCP กับ Design System