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

ผู้สอน
nstructor.imageUrl
อดิรุจ อาทิตยพงศ์
CEO & Founder at UXUI Studio Ltd., Part & Product Manager at FynnCorp IR Tech Company Limited
489 ผู้เรียน
คอร์สนี้เป็นส่วนหนึ่งของเส้นทางการเรียนรู้
เพิ่มประสิทธิภาพการออกแบบ UI ด้วยโปรแกรม Figma
คอร์สนี้ได้เรียนอะไรบ้าง?
เข้าใจหลักการของ Design Tokens และสามารถอธิบายความแตกต่างระหว่าง Design Tokens และ Design System ได้
รู้ความสามารถของ Design Tokens ผ่านการทดลองทำ และสามารถนำไปปรับใช้กับงานให้เหมาะสมได้
สามารถสร้าง Design Tokens และออกแบบ prototype ที่สามารถ Convert Languages (TH/EN) / ทำ Dark Mod /Light Mode และ Variable ได้
สื่อสารระหว่างทีมง่ายขึ้น และส่งต่องานที่ดีระหว่างนักออกแบบ (UX/UI Designer) และนักพัฒนา (Developer) ได้
บริษัทชั้นนำเสนอคอร์สเรียนนี้ให้กับพนักงาน
คอร์สเรียนนี้เป็นคอร์สเรียนยอดนิยมที่ได้รับความไว้วางใจจากหลากหลายบริษัท และสถานศึกษา
Group27409.png
รายละเอียดคอร์สเรียน

เส้นทางในการเรียนซีรีส์ เพิ่มประสิทธิภาพการออกแบบ 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 Tokens 
  • บุคคลทั่วไปที่ต้องการศึกษา Design Tokens เพื่อพัฒนา Portfolio 
  • Product Team, Developer, PM หรือ PO ที่อยากเข้าใจการออกแบบ UX/UI


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

  • สามารถใช้งาน Figma ได้ ในระดับ Advance ขึ้น
  • เข้าใจหลักการ หรือ framework ที่เกี่ยวข้องกับการออกแบบ UI ที่ช่วยให้ออกแบบงานเป็นระบบมากขึ้น จนสามารถนำไปปรับใช้กับงานให้เหมาะสมได้ ได้แก่ Design Tokens
  • ลดช่องว่าง และปัญหาการทำงานร่วมกันระหว่างทีม โดยเฉพาะทีมในองค์กรสเกลใหญ่


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

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


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

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


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

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

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


Copyright © 2022 LIKEME X CO., LTD.

)