Design system with Figma รุ่น 11

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

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

คอร์สเรียนออนไลน์แบบสอนสด ด้าน UI Design

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

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

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

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


สำหรับนักเรียนที่เคยเรียนคอร์ส Design system with Figma รุ่น 1 - 10 มาแล้ว

สมัครเรียนเพื่ออัปเดตเนื้อหาอีกรอบได้ใน ราคา 1,990 บาท
ติดต่อได้ทาง https://www.facebook.com/webdesignil/ เลยครับ


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

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

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

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

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

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

🔴 เนื้อหาใหม่!!! 🔴

- ปรับปรุงเนื้อหาให้มีความละเอียดมากกว่าเดิม
- เรียน UI ใหม่จาก Figma UI3
- เรียนระบบ Figma variables สำหรับการสร้าง Design system แบบพื้นฐาน
- เรียนพื้นฐาน UI พร้อมใช้ทำงานได้จริง

ตารางเรียน

คอร์สเรียนสด 12 ชม. พร้อมการบ้านแบบจุกๆ เรียนจบได้งานจริงพร้อมใบประกาศณียบัตร

วันที่ 1 – เสาร์ 9 พฤศจิกายน 2567 เวลา 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 – เสาร์ 16 พฤศจิกายน 2567 เวลา 9.00 น. – 13.00 น. (4 ชม.)

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

วันที่ 3 - เสาร์ 23 พฤศจิกายน 2567 เวลา 9.00 น. – 13.00 น. (4 ชม.)

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

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



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


Nat Kessurang
Nat Kessurang

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


รีวิวคอร์ส

พี่นัทครับ ขออนุญาตมารีวิวคอร์สที่เรียน design system รุ่น3 รู้สึกว่าคิดถูกมากๆที่มาลงเรียน ได้อะไรเยอะมากครับ บางอย่างที่ไม่รู้ก็รู้จากคอร์สนี้ บางเนื้อหาก็มีอัพเดทตามเทรนด์ในอนาคต จะมีอะไรมาก็แนะนำให้ศึกษาเพิ่มเติม สอนใจเย็นมากกกก ไม่เข้าใจตรงไหนถามซ้ำได้ พลังเยอะมากกกครับ มีนัดส่งการบ้านเป็นรอบๆอีกรู้สึกชอบตรงนี้ที่พอเรียนจบได้ลองทำจริง ปักคอมเม้นต์ทิ้งไว้ ไม่ได้มาเช็คแค่ทำถูกไหม แต่แนะนำเพิ่มเติมต้องดูตรงไหนต่อ รู้สึกประทับใจมากๆครับ ปล.ยังไงเดี๋ยวจะลองปรับแก้อีกตามที่พี่นัทคอมเมนท์ครับ

- คุณ Phakhawan

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


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

ราคาเต็ม 7,990 บาท

Early bird 6,990 บาท!!


สำหรับนักเรียนที่เคยเรียนคอร์ส Design system with Figma

สมัครเรียนเพื่ออัปเดตเนื้อหาอีกรอบได้ใน ราคา 1,990 บาท
ติดต่อได้ทางเพจ Designil เลยครับ


หากท่านต้องการ
1. ชำระเงินทางการโอน
2. ชำระเงินรูปแบบบริษัทที่ต้องการใบเสร็จรับเงิน

กรุณาติดต่อทางเพจ Designil นะครับ

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