เพิ่มประสิทธิภาพการออกแบบด้วย Design System และ Component บน Figma

ผู้สอน
อดิรุจ อาทิตยพงศ์
CEO & Founder at UXUI Studio Ltd., Part & Product Manager at FynnCorp IR Tech Company Limited
666 ผู้เรียน
คอร์สนี้เป็นส่วนหนึ่งของเส้นทางการเรียนรู้
เพิ่มประสิทธิภาพการออกแบบ UI ด้วยโปรแกรม Figma
คอร์สนี้ได้เรียนอะไรบ้าง?
เข้าใจหลักการ Design System จนสามารถออกแบบ Design System เบื้องต้นได้
รู้ความสามารถของ Auto Layout พร้อมทดลองใช้ จนสามารถนำไปปรับใช้กับงานได้อย่างเหมาะสม
เข้าใจหลักการ และเทคนิคของ Component-based Design และได้ทดลองสร้าง Component และ Variants
สื่อสารระหว่างทีมง่ายขึ้น และส่งต่องานที่ดีระหว่างนักออกแบบ (UX/UI Designer) และนักพัฒนา (Developer) ได้
บริษัทชั้นนำเสนอคอร์สเรียนนี้ให้กับพนักงาน
คอร์สเรียนนี้เป็นคอร์สเรียนยอดนิยมที่ได้รับความไว้วางใจจากหลากหลายบริษัท และสถานศึกษา
รายละเอียดคอร์สเรียน

เส้นทางในการเรียนซีรีส์ เพิ่มประสิทธิภาพการออกแบบ UI ด้วยโปรแกรม Figma เรียนตามลำดับดังนี้

1.วิเคราะห์โจทย์ และออกแบบ Wireframe บน Figma

2.เปลี่ยน Wireframe เป็น Responsive UI และสร้าง Interactive Prototype ด้วย Figma

3.เพิ่มประสิทธิภาพการออกแบบด้วย Design System และ Component บน Figma

4.ต่อยอด Design System ด้วย Design Tokens บน Figma เพื่อรองรับการปรับขยาย


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

  • ผู้ใช้งาน Figma ระดับ Intermediate ที่ต้องการพัฒนาไปในระดับ Advance
  • นักออกแบบ UI ระดับ Junior ที่ต้องการต่อยอด อัปสกิลการออกแบบอย่างเป็นระบบให้ Advance มากขึ้น
  • UX/UI designers ที่อยากเพิ่มประสิทธิภาพงานออกแบบอย่างเป็นระบบด้วย Design Systems 
  • บุคคลทั่วไปที่ต้องการศึกษา Design System เพื่อพัฒนา Portfolio 
  • Product Team, Developer, PM หรือ PO ที่อยากเข้าใจการออกแบบ UX/UI


วัตถุประสงค์ของคอร์สเรียน

  • เข้าใจหลักการและวิธีการสร้าง Design system อย่างเป็นระบบ
  • ใช้งานฟังก์ชัน Style และ Variable ของ Figma ได้
  • ใช้งานฟังก์ชัน และ plugins ต่าง ๆ ของ Figma ที่ช่วยให้การสร้าง Design system มีประสิทธิภาพ และลดเวลาการทำงาน ทำงานได้ไวมากขึ้น
  •  ใช้งานฟังก์ชัน Component-based Design และ Variant ระดับ Advance ได้
  • ลดช่องว่าง และปัญหาการทำงานร่วมกันระหว่างทีม โดยเฉพาะทีมในองค์กรสเกลใหญ่


พื้นฐานที่จำเป็น?/สิ่งที่ต้องมี

  • มีประสบการณ์การใช้งานโปรแกรม Figma
  • มีประสบการณ์การออกแบบ UI เบื้องต้น


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

  • ผู้ใช้งาน Figma ระดับ Intermediate ที่ต้องการพัฒนาไปในระดับ Advance
  • นักออกแบบ UI ระดับ Junior ที่ต้องการต่อยอด อัปสกิลการออกแบบอย่างเป็นระบบให้ Advance มากขึ้น
  • UX/UI designers ที่อยากเพิ่มประสิทธิภาพงานออกแบบอย่างเป็นระบบด้วย Design Systems 
  • บุคคลทั่วไปที่ต้องการศึกษา Design System เพื่อพัฒนา Portfolio 
  • Product Team, Developer, PM หรือ PO ที่อยากเข้าใจการออกแบบ UX/UI

วัตถุประสงค์ของคอร์สเรียน

  • เข้าใจหลักการและวิธีการสร้าง Design system อย่างเป็นระบบ
  • ใช้งานฟังก์ชัน Style และ Variable ของ Figma ได้
  • ใช้งานฟังก์ชัน และ plugins ต่าง ๆ ของ Figma ที่ช่วยให้การสร้าง Design system มีประสิทธิภาพ และลดเวลาการทำงาน ทำงานได้ไวมากขึ้น
  •  ใช้งานฟังก์ชัน Component-based Design และ Variant ระดับ Advance ได้
  • ลดช่องว่าง และปัญหาการทำงานร่วมกันระหว่างทีม โดยเฉพาะทีมในองค์กรสเกลใหญ่


พื้นฐานที่จำเป็น?/สิ่งที่ต้องมี

  • มีประสบการณ์การใช้งานโปรแกรม Figma
  • มีประสบการณ์การออกแบบ UI เบื้องต้น


สิ่งที่ต้องมี 

  • คอมพิวเตอร์/โน๊ตบุ๊ค


โปรแกรมที่ต้องใช้ / สเปคคอม

  • Figma
แสดงเพิ่มเติม
รายละเอียดบทเรียน
7 บทเรียน • ความยาวทั้งหมด 1 ชั่วโมง 46 นาที
FutureSkill

แพลตฟอร์มการเรียนออนไลน์สำหรับทักษะแห่งอนาคต

© Copyright 2019-2026 LIKE ME X CO.,LTD All rights reserved.

)