[วิดีโอ] สอนทำ Figma Design system และเทคนิคแบบละเอียด
สวัสดีค่ะทุกคน มาเจอกันอีกแล้วกับนัท (ขาประจำ) แห่ง Designil
ครั้งก่อนเราได้จัด Online live video กันไป หวังว่าหลาย ๆ คนคงจะได้เข้าฟังพร้อมกันนะคะ นัทกลับมาเขียนสรุปให้กับเพื่อน ๆ ทุกคน พร้อมกับวิดีโอย้อนหลังและสไลด์สำหรับศึกษาต่อ
เนื้อหาที่เราเล่าทั้งหมดในวันนี้มีดังต่อไปนี้ค่ะ
เนื้อหาในวิดีโอ Figma design system นี้
1 ปูพื้นฐาน Design system
- Design system คืออะไร?
- ทำไมเราต้องทำ Design system
- Figma มาช่วยในการทำงานอย่างไร
- ตัวอย่างของ Design system
2 อาชีพ Product designer/UI (Design system)
- อาชีพนี้ทำงานอะไรบ้าง
- สกิลที่ใช้ในการทำงาน
- Pathway ในการทำงานอาชีพนี้
3 เทคนิคการจัดการ Design system (Basic)
- Tool ที่ใช้ทำ Documentation
- ไมเกรตไฟล์และย้ายมาใช้ Figma อย่างไร
- 10 วิธีเช็คในการจัดการการไฟล์ Figma
- แยกชิ้นส่วน Design system
4 เทคนิคการจัดการ Design system (Intermediate)
- Design tokens คืออะไร
- วิธีการตั้งชื่อ Tokens แบบพื้นฐาน
- การทำเทส Stress test, QA ของงาน Design system
- แชร์ขั้นตอนการทำงานกับดีไซน์เนอร์มากกว่า 100 คน & users หลักพัน
ดูวิดีโอย้อนหลัง
สไลด์ประกอบการเรียน
สำหรับใครที่จะดาวน์โหลดสไลด์ไปอ่านเอง
คอร์สเรียน Design system
ตอนนี้ Designil ได้เปิดคอร์สสอน Design system แบบออนไลน์ โดยมีสองคอร์สด้วยกันคือ
- Design system with Figma 101
- Scaling design system
สามารถติดตามอัพเดทข่าวสารการเปิดรอบใหม่ๆ
ได้ทาง Designil group หรือทางหน้าเว็บไซต์ Designil นะครับ
อ่านข้อมูลเพิ่มเติมได้ทาง
คอร์สเรียน Design system with Figma 101
หวังว่าเพื่อน ๆ คงจะได้ความรู้จากการ Live วิดีโอครั้งนี้นะค้า แอดนัทจะพยายามกลับมาทำวิดีโอและเนื้อหาดี ๆ แบบนี้ให้ฟังอีกบ่อย ๆ
ถ้าสนใจอยากสนับสนุนให้แอดนัทและ Designil ได้อยู่ต่อไปนาน ๆ อย่าลืมกดซื้อสินค้าผ่านทางเว็บไซต์ของเราด้วยนะค้า ร้องไห้ T^T ช่องทางรายได้หลักของ Designil ตอนนี้มาจากโฆษณาบนเว็บไซต์ และสินค้าทางเว็บไซต์เลยค่า
สามารถติดตามส่วนลดและสินค้าได้จากหน้านี้เลย
ติดตามข่าวสารการไลฟ์ของเราได้ทาง Discord และกรุ๊ปของ Designil group
แล้วมาเจอกันใหม่ค่า
บทความที่เกี่ยวข้อง
- แจกฟรีไฟล์ Design system checklist ช่วยตรวจงานก่อนนำไปใช้จริง
- 5 Tips ข้อควรรู้ก่อนทำ Design system
- ทูลช่วยออกแบบสีสำหรับ UI Design ใช้ได้กับ Design system
- Design System คืออะไร? เล่าเคสการทำงานจริงพร้อมตัวอย่างประกอบ
- ทีมงาน Design system ต้องมีใครบ้าง + แจกหนังสือสอนทำ Design System ฟรี
- [วิดีโอ] สอน Design system จากงาน Invision Design exchange
Canva โปรแกรมออกแบบใช้งานฟรี~
โปรแกรมออกแบบกราฟิก ฟรี! ไม่มีข้อผูกมัด มาพร้อมเทมเพลตหลักแสนแบบ สามารถใช้งานได้บน Browser, iOS, Android มีแอปฯ บนมือถือและไอแพด
สำหรับแพ็กเกจ Pro จะมีใช้งานฟรี 30 วัน เริ่มต้นที่ 1,850.00 ฿ ต่อปี (ใช้งานได้ 1 คน)
