Design system with Figma 101 รุ่น 3

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

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

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

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

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

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

ปรับเนื้อหาให้มีความละเอียด และปูพื้นฐานสำหรับผู้เริ่มต้นมากยิ่งขึ้นในรุ่นที่ 3

หากใครที่ผ่านการเขียนโค้ด HTML, CSS หรือเข้าใจการทำงานของการเขียนแอป และเคยใช้งาน Figma มาแล้ว
เราจะแนะนำให้ไปเรียนในคอร์สของ Design tokens จะตอบโจทย์กับทุกท่านมากกว่าค่ะ ^_^

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

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

ท่านจะได้รับอะไรจากคอร์สนี้

  • ไฟล์งาน Design system แบบพื้นฐาน
  • สามารถนำงานที่เรียนจากในคลาสไปต่อยอดกับคอร์สถัดไปในหัวข้อ Design tokens ได้
  • ใบประกาศณียบัตร

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

  • เรียนออนไลน์ 100%
  • มีวิดีโอย้อนหลัง
  • มีการบ้านให้ทำ ช่วยให้ได้กลับไปทบทวนเนื้อหาและได้ทดลองทำงานจริง
  • มีห้อง Discord ให้ส่งการบ้านและส่งงานหลังเรียนจบ
  • ผู้สอนจะตรวจการบ้านให้นักเรียนตัวต่อตัวทุกท่าน
    มั่นใจได้ว่าท่านจะได้รับคำแนะนำพิเศษหลังเรียนจบเพื่อนำไปศึกษาต่อด้วยตนเอง

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

วันที่ 1 – เสาร์ที่ 11 กุมภาพันธ์ 2566 เวลา 9.00 น. – 13.00 น. (4 ชม.)

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

วันที่ 2 - เสาร์ที่ 18 กุมภาพันธ์ 2566 เวลา 9.00 น. – 13.00 น. (4 ชม.)

  • การทำงานของ Design system ระหว่าง Design & Code
  • Accessibility
  • ปูพื้นฐานการทำงานของ UI และ Properties
  • [Workshop] สอนการสร้าง Component และการจัดการ Properties
  • การจัดการ Component ของแต่ละ platform เช่น iOS, Android และ Responsive
  • [Workshop] สอนใช้งาน Plugin เพื่อจัดการ components

วันที่ 3 - ศุกร์ที่ 24 กุมภาพันธ์ 2566 เวลา 20.00 น. – 22.00 น. (3 ชม.)

  • Q&A ตอบคำถามและสอนการใช้งานส่วนที่ยังมีข้อสงสัย
  • [Workshop] เก็บตกเนื้อหาที่ยังไม่ได้สอนภายในคลาส

หมายเหตุ:
หากสมัครเรียนแล้ว
– ท่านจะได้รับทางเข้าชมคลาสสอนสดแบบ 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

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