Design system with Figma รุ่น 14

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

คอร์สเรียนออนไลน์แบบสอนสด ด้าน UI Design แค่เข้าเรียนก็ทำตามพร้อมกันได้เลย

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

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

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

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

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

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

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

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

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

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

เนื้อหาการเรียน

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

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

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

• เล่นเกมทบทวนความรู้ที่เราได้เรียนทั้งหมด
• การนำ Design system ไปใช้งานต่อในงาน UI
• การนำ UI ที่ได้ออกแบบใน Figma ไปใช้งานต่อใน Prototype ทั้งบน Figma และ โปรแกรม AI อย่าง V0, Lovable, Bolt
• การทำ Prototype เพื่อทดสอบงาน
• Q&A ตอบคำถามและสอนการใช้งานส่วนที่ยังมีข้อสงสัย

---

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

---

หน้าเว็บไซต์นี้ สำหรับผู้ที่ต้องการชำระทางบัตรเครดิต / เดบิต ในรูปแบบบุคคลทั่วไปเท่านั้น
หากท่านต้องการชำระเงินทางการโอน หรือในรูปแบบบริษัทที่ต้องการใบเสร็จรับเงิน
กรุณาติดต่อทางเพจของเรานะครับ ทางนี้เลย Designil fanpage