Design system with Figma รุ่น 12 [สอนสด]

คอร์ส Design system with Figma 101 รุ่นที่ 12 [สอนสด]

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

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

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

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

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

---

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

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

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

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

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

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

---

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

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

• แชร์วิธีใช้ AI ช่วยในการทำ UI ไม่ว่าจะเป็นช่วยทำ Design system, เช็ค Accessibility, เขียน Component ให้ถูกหลัก WCAG, จะช่วยวางแผนออกแบบสี design tokens, ช่วยเขียนปลั๊กอิน Figma ฯลฯ

ตารางเรียน

📖 วันที่ 1 ช่วงเช้า – เสาร์ 8 มีนาคม 2568
เวลา 9:00 น. – 12.00 น. (3 ชม.)

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

📖 วันที่ 1 ช่วงบ่าย – เสาร์ 8 มีนาคม 2568
เวลา 13:00 น. – 16.00 น. (3 ชม.)

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

📖 วันที่ 2 ช่วงเช้า - อาทิตย์ 9 มีนาคม 2568
เวลา 9:00 น. – 12.00 น. (3 ชม.)

⏵ การนำ Design system ไปใช้งานต่อในงาน UI
⏵ การส่งมอบงานให้กับ Developer ในระดับ Design system และในระดับ Screen, Flow
⏵ การทำ Prototype เพื่อทดสอบงาน
⏵ การใช้ AI ในการทำงาน User interface

📖 วันที่ 2 ช่วงบ่าย - อาทิตย์ 9 มีนาคม 2568
เวลา 13:00 น. – 16.00 น. (3 ชม.)
.
⏵ Q&A ตอบคำถามและสอนการใช้งานส่วนที่ยังมีข้อสงสัย
⏵ [Workshop] เก็บตกเนื้อหาที่ยังไม่ได้สอนภายในคลาส

---

https://maps.app.goo.gl/3tDLLC41yP1Jg8Ag7

---

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