Designing with Figma: Building Modern Design Systems

เพื่อสร้างดิจิทัลผลิตภัณฑ์ที่มีความสม่ำเสมอและเป็นมืออาชีพในวงกว้าง ดีไซเนอร์ UI/UX ยุคใหม่จึงพึ่งพาระบบดีไซน์ (design systems) ที่มีโครงสร้างชัดเจน คู่มือรูปแบบข้อความนี้จะสอนวิธีใช้พลังอย่างเต็มประสิทธิภาพของ Figma เพื่อสร้างคลังดีไซน์ที่มีความยืดหยุ่น ขยายขีดความสามารถได้ และดูแลรักษาง่ายตั้งแต่เริ่มต้น คุณจะได้เปลี่ยนจากการสร้างงานออกแบบหน้าจอที่ไม่เชื่อมโยงกัน ไปสู่การสร้างภาษาการออกแบบที่เป็นหนึ่งเดียวกัน ผ่านคำอธิบายแบบเป็นขั้นตอนที่ชัดเจนและแบบฝึกหัดการจัดวางหน้าจอที่ใช้งานได้จริง คุณจะเชี่ยวชาญหลักการออกแบบอินเทอร์เฟซสมัยใหม่ การนำ component กลับมาใช้ใหม่ และการส่งต่อมอบคุณค่าให้แก่ทีมอย่างราบรื่น สิ่งที่คุณจะได้เรียนรู้: - ทำความเข้าใจหลักการพื้นฐานของ UI/UX และการจัดวางอินเทอร์เฟซหลักของ Figma - สร้างการจัดวางหน้าจอที่รองรับการตอบสนอง (responsive) โดยใช้กฎ constraints และ Auto Layout สมัยใหม่ - สร้าง components ที่นำกลับมาใช้ใหม่ได้ด้วยคุณสมบัติ variants ขั้นสูงและสถานะโต้ตอบ (interactive states) - จัดทำระบบสี ตัวอักษร และระยะห่างที่เป็นระเบียบโดยใช้ Figma Variables - จัดโครงสร้างคลังดีไซน์ที่รองรับการขยายตัว ซึ่งสอดคล้องกับมาตรฐานการพัฒนาในโลกแห่งความเป็นจริง - ประยุกต์ใช้แนวปฏิบัติการทำเอกสารระบบดีไซน์เพื่อช่วยให้การส่งต่องานให้ผู้พัฒนาเป็นไปอย่างราบรื่น คอร์สนี้เริ่มต้นด้วยคำศัพท์พื้นฐานของการออกแบบ UI เครื่องมือเวกเตอร์เบื้องต้น และการนำทางในอินเทอร์เฟซ ก่อนจะนำคุณไปสู่การสร้าง components แบบซ้อนกันที่มีความซับซ้อน และคลังสไตล์ระดับกลอบอล คอร์สนี้ออกแบบมาสำหรับผู้เริ่มต้นออกแบบ UI/UX โดยไม่มีพื้นฐานมาก่อน ดีไซเนอร์สายงานสิ่งพิมพ์ที่ต้องการเปลี่ยนผ่านสู่ดิจิทัลผลิตภัณฑ์ และผู้จัดการผลิตภัณฑ์ที่ต้องการเข้าใจขั้นตอนการทำงานของการออกแบบสมัยใหม่ โดยไม่จำเป็นต้องมีประสบการณ์ Figma มาก่อน เริ่มอ่านวันนี้เพื่อสร้างระบบดีไซน์ Figma ระดับมืออาชีพชิ้นแรกของคุณ