Design system with Figma 101 รุ่น2

คอร์สสอนใช้งาน Figma ในการทำ Design system

คอร์ส Design system with Figma 101 รุ่นที่ 2

ถ้าใครยังติดปัญหาไม่ว่าจะเป็น

  • ไม่เข้าใจว่า Design system ทำอย่างไร
  • จะใช้งาน Figma มาจัดการกับ Component ยังไงเพื่อให้ใช้งานง่าย เช็คอย่างไร
  • ออกแบบยังไงให้ดูมีความสม่ำเสมอ และดูน่าใช้งานเหมือนกับแอพและเว็บที่ใช้งานจริงในตลาด
  • จะแบ่งกลุ่ม UI Component อย่างไร
  • ไม่เข้าใจเรื่องของ Atomic design แบบไหนที่เราจะต้องจัดมันอยู่ในกลุ่มเดียวกัน

แอดนัทจะพาทุกท่านไปส่องเบื้องลึกเบื้องหลังของงาน UI เพื่อนำไปปรับใช้งานกับองค์กรหรือโปรเจคของทุกท่านเองแบบตั้งแต่เริ่มต้น ในสไตล์การเรียนแบบภาษาไทยย่อยง่าย ได้ทดลองทำงานจริงเพราะเราเรียนกันถึง 2 วัน ให้เวลาทุกท่านได้กลับบ้านไปทำโปรเจคหลังเรียนจบ ซึมซับเนื้อหาการเรียนระหว่างสัปดาห์

ข้อดีของคอร์สนี้คือ ถ้าหากเราเข้าใจพื้นฐานของการทำงานของ UI แล้ว เราก็จะต่อยอดไปที่การจัดการของ Design system ได้อย่างเข้าใจภาพรวมองค์ประกอบทั้งหมดได้มากขึ้น และสามารถค้นคว้าหาความรู้เพิ่มเติมได้ด้วยตนเองหลังเรียนจบด้วยคำศัพท์ UI ใน Design Industry ที่ใช้งานตรงกันทั่วโลก

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

  • มือใหม่ ประสบการณ์เป็น 0 ก็เรียนได้
  • ผู้ที่มีพื้นฐานอยู่แล้ว แต่อยากเรียนเพิ่มเรื่อง Figma
  • ท่านที่อยากเรียนรู้เรื่อง UI
  • ท่านที่อยากทราบวิธีการใช้งาน Figma กับการวาง Design system

จุดเด่นของการเรียน

  • เรียนออนไลน์ 100%
  • มีวิดีโอย้อนหลัง
  • มีการบ้านให้ทำ
  • มีห้อง Discord ให้ส่งการบ้านและส่งงานหลังเรียนจบ

วัน เวลาเรียน

วันที่ 1 – เสาร์ที่ 3 ธันวาคม 2565 เวลา 9.00 น. – 13.00 น. (4 ชม.)

  • ปูพื้นฐานเรื่องของ Design system
  • สอนพื้นฐาน UI แต่ละตัวใช้งานอย่างไร เพื่ออะไร
  • Spacing / Alignment / Sizing / Consistency / Grid
  • Typography
  • Colour (Light mode / Dark mode)
  • Responsive Website
  • iOS, Android
  • ทดลองสร้าง UI ของตนเอง ในรูปแบบต่างๆ
  • [Workshop] สอนการใช้ Figma ในการสร้างและจัดการ Component ตั้งแต่เริ่มต้น
  • [การบ้าน] ให้กลับไปทำ Component ของตัวเองเพื่อเอามาประกอบร่างกันในคลาสถัดไป

วันที่ 2 - เสาร์ที่ 10 ธันวาคม 2565 เวลา 9.00 น. – 13.00 น. (4 ชม.)

  • การทำงานของ Design system ระหว่าง Design & Code
  • สอนเรื่อง Design tokens
  • Accessibility
  • Plugins และการใช้งาน Tokens เพื่อเชื่อมต่อกับโค้ด
  • ความแตกต่างละหว่าง Platformและเทคโนโลยีที่ต้องรู้ (แบบไม่ต้องเขียนโค้ด)
  • การจัดการ Component พร้อมยกตัวอย่างสิ่งที่จะเกิดขึ้นจริงในองค์กร
  • [Workshop] ประกอบร่าง Components ของตัวเองเข้ามาเป็น System
  • [Workshop] สอนใช้งาน Plugin เพื่อจัดการ components

หมายเหตุ:
หากสมัครเรียนแล้ว
– สามารถรับชมวิดีโอเก่าจากรุ่นที่ 1 ได้ทันทีผ่านทางวิดีโอ
– รับทางเข้าชมคลาส Live ผ่านทางอีเมล์ก่อนเริ่มเรียน 1 สัปดาห์


ข้อมูลผู้สอน


Nat Kessurang
Nat Kessurang

ประสบการณ์ทำงานมามากกว่า 10 ปีกับบริษัททั้งในประเทศและต่างประเทศ ปัจจุบันเป็น Specialist UI Designer ประเทศออสเตรเลีย และอบรมการออกแบบ UI, UX ด้วยเทคนิคพิเศษที่เข้าใจง่าย ดูวิดีโอการสอนตัวอย่างได้ทาง Youtube


เนื้อหาในคอร์สนี้



คำถามที่พบบ่อย


Bonus พิเศษ
ได้ทดลองทำงานจริง พร้อมกับการบ้านให้ฝึกฝนฝีมือ มี TA ช่วยตรวจการบ้าน มีวิดีโอให้ดูย้อนหลัง จะเพิ่มวิดีโอตอบคำถาม + สอนเทคนิคเพิ่มให้ หากมีคำถามเข้ามาหลังเรียนที่เหมือนๆกันค่ะ พูดคุยส่งงานได้ผ่าน Discord
เรียนจบแล้วจะได้รับอะไร?
- สามารถทำ Design system ด้วยตนเองบน Figma ได้ - เข้าใจพื้นฐานของ Design system เบื้องลึกเบื้องหลังของ UI - เข้าใจเทคโนโลยีของแต่ละ Platform เช่น iOS, Android, Responsive website - สามารถไปศึกษาต่อเพิ่มเติมเองได้ โดยทุกท่านจะได้เรียนเทคโนโลยีและรู้คำศัพท์ในวงการที่ใช้ตรงกันทั่วโลก
ส่ิงที่ต้องเตรียม
บัญชี Figma.com

สมัครเรียนเพื่อล็อกราคานี้ !