การออกแบบ User Interface (UI Design) สำหรับ Digital Product ในปัจจุบัน ต่างไปจากการออกแบบสิ่งพิมพ์ โปสเตอร์ หรือกราฟิกดีไซน์ในอดีต เพราะจำเป็นต้องออกแบบให้ Responsive เพื่อตอบสนองกับรูปแบบ Device ต่างๆ ที่ User มี ต้องออกแบบโดยคำนึงถึงระบบปฏิบัติการต่างๆ แล้ว การคำนึงถึงการทำงานร่วมกันทั้งในทีมและต่างทีมยังเป็นอะไรที่ไม่ควรมองข้ามเป็นอย่างยิ่ง

เริ่มต้นงานออกแบบของคุณอย่างมืออาชีพ ด้วย Design Tool ที่ร้อนแรงที่สุดแห่งยุคอย่าง Figma โปรแกรมออกแบบ UI ที่สามารถใช้งานได้ฟรีและออกแบบมาเพื่อการทำงานร่วมกันระหว่างทีมอย่างแท้จริง ทำให้คุณสามารถทำงานร่วมกับเพื่อนร่วมทีมผ่านเว็บไซต์ หรือจะติดตั้งโปรแกรมก็ทำได้ไม่ยาก ผ่านคอร์ส Figma ที่อัดเนื้อหาสุดเข้มข้นที่คุณจะได้เรียนตั้งแต่

• ใช้งานคำสั่งพื้นฐาน และเทคนิคในการใช้งาน Figma
• วิธีปรับแต่งรูป และสร้าง Icon ด้วย Figma
• พื้นฐานการออกแบบเบื้องต้น ที่จะทำให้คุณเข้าใจหลักการสร้าง Component ต่างๆ
• ออกแบบ UI ของ Web และ App ให้รองรับความ Responsive ในแต่ละ Devices
• ลงมือสร้าง Design system เพื่องานออกแบบที่มีประสิทธิภาพมากยิ่งขึ้น
• การใช้งาน Plug-in ใน Figma ที่จะทำให้งานออกแบบง่ายกว่าที่เคย
• การทำ Prototype อย่างง่ายไปจนถึงการใส่ Transition และ Animation ต่างๆ

โดยเนื้อหาในหลักสูตรนี้ เป็นการปรับปรุงเนื้อหาให้คุณสามารถใช้งาน Figma 2022 ได้อย่างถูกต้อง ครบถ้วนมากยิ่งขึ้น!

Figma คืออะไร?

Figma หนึ่งใน Design Tools ที่มาแรงที่สุดแห่งปี โดยมีฟีเจอร์การใช้งานที่หลากหลาย ทั้งด้านงาน Graphic Design และงาน UX/UI Design

อ่านบทความเพิ่มเติมได้ที่นี่

โดยโปรแกรม Figma นี้ สามารถทำได้ตั้งแต่การสร้างงาน Design พื้นฐาน, การปรับแต่งรูป, การออกแบบองค์ประกอบพื้นฐาน หรือ การสร้าง Elements ต่างๆ ที่จะมารวมเป็น Component เพื่อนำมาวางเป็น Layout ในแต่ละหน้าของ UI ไม่ว่าจะเป็นสำหรับ Website หรือ Application

โปรแกรม Figma ยังช่วยให้คุณออกแบบตัว UI Design ให้มีความ Responsive กันในทุกๆ Device ได้อย่างสมบูรณ์ รวมไปถึงฟีเจอร์การทำ Prototype เพื่อให้ User หรือทีมอื่นๆ ทดลองเล่นได้แบบ Real-time นอกจากนี้ Designer ยังสามารถส่งตัว Styling Code ให้ Developer รับไปพัฒนาต่อจากงาน Design ของเราได้แบบไม่ยาก

และที่สำคัญที่สุดคือ Figma เป็นโปรแกรมฟรี! ที่คุณไม่จำเป็นต้องลงโปรแกรมอื่นๆเพิ่ม ทั้งยังให้คุณทำงานได้ผ่านเว็บ และช่วยให้การส่งต่องานระหว่างทีมเป็นไปได้อย่างง่ายดาย และมีประสิทธิภาพ!

ทำไมต้อง Figma?

• ใช้ได้ทั้งบนระบบ Mac และ Windows
• ส่งต่อไฟล์กันง่ายแค่แชร์ link เพราะใช้งานบนเว็บ
• ออกแบบสะดวกและรวดเร็วด้วย Auto Layout พร้อมรองรับ Responsive ตามขนาด Device
• Plugin เพิ่มประสิทธิภาพการทำงานมากมาย
• ออกแบบและส่งต่อ Design System ได้ไม่ยาก
• ทำ Prototype ได้เสมือนจริง และแสดงผลได้ Real-time

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

• ใช้งาน Figma ในการออกแบบได้อย่างมีประสิทธิภาพ
• เข้าใจพื้นฐานการออกแบบ UI
• ออกแบบ UI สำหรับเว็บหรือแอปได้ด้วยตนเอง
• ออกแบบรองรับความ Responsive ใน Devices ต่างๆ
• จัดระเบียบการออกแบบด้วย Design System ในงานออกแบบของตัวเอง
• ทำ Prototype เว็บหรือแอปของตัวเองได้

คอร์สออนไลน์ UI Design with Figma เหมาะสำหรับ

• ผู้ที่ต้องการศึกษาการใช้ Figma เพื่อการทำงาน หรือสื่อสารงานกับ UX/UI Designer
• UX/UI designer ที่อยากเพิ่มประสิทธิภาพงานออกแบบด้วย Design Systems
• Product Manager/Product Owner ที่ต้องการเข้าใจและแก้ไขงานออกแบบเองได้
• Graphic Designer ที่สนใจเปลี่ยนสายงานเป็น UX/UI Designer
• ผู้ใช้งาน Design Tools ต่างๆ ที่กำลังต้องการเปลี่ยนมาเป็น Figma
• ผู้ที่กำลังสนใจหรือเปลี่ยนสายงานมาเป็น UX/UI Designer

บทความที่เกี่ยวข้อง

• Figma คืออะไร? ทำไมถึงเป็น Tool มาแรงที่สุดแห่งปี!
• Figma สุดยอดเครื่องมือฟรี ดีกว่าโปรแกรมอื่นยังไง?
• ทำงานไวและว้าวกว่าเดิม! ด้วย 7 Plugins ใน Figma
• Better Workflow with Design System

​

หมายเหตุ: โปรแกรมที่ใช้ภายในคอร์ส UI Design with Figma คือ โปรแกรม Figma ใน Version July 2022 ซึ่งหน้าตาโปรแกรมหรือหน้าตา UI อาจมีความแตกต่างไปจากเดิมเนื่องจากการพัฒนา Software ของโปรแกรม แต่หลักการใช้งานและ Concept ต่าง ๆ ยังเหมือนเดิม สามารถเรียนรู้ได้จากคอร์ส UI Design with Figma ได้เลย