Blueseas Design Talks Ep. 12 : Figma Variables

ในวงการพัฒนาซอฟต์แวร์ที่มีการเปลี่ยนแปลงอยู่เสมอ การร่วมงานระหว่าง Designer กับ Developer นั้นมีความสำคัญอย่างยิ่งต่อผลสำเร็จ เครื่องมือออกแบบและสร้าง Prototype ที่มีประสิทธิภาพสูงอย่าง Figma จึงเกิดขึ้นเพื่อทำให้การร่วมงานระหว่างทั้งสองฝ่ายราบรื่นยิ่งขึ้น
Figma สร้างขึ้นมาเพื่อ Designer ที่ต้องการออกแบบ UI และคุณสมบัติที่เป็นเอกลักษณ์คือการไม่มีโปรดักต์ไหนที่เสร็จสมบูรณ์อย่างแท้จริง นั่นหมายความว่าเมื่อไรที่มีการแก้ไข ก็จำเป็นต้องแก้ไขตลอดทั้ง Design system นักออกแบบซอฟต์แวร์นั้นไม่กลัวการเปลี่ยนแปลง เพราะ Digital product จำเป็นต้องมีความยืดหยุ่น ปรับตัวได้และมีการเปลี่ยนแปลงอยู่เสมอ
Speaker ของเราในวันนี้ก็คืออออออ กร ศุภกร UX/UI Designer เลือดใหม่ชาวเรือเหล็กแห่ง Blueseas นั่นเอง มาดูกันดีกว่าว่า Blueseas Design Talks ในครั้งนี้ กร จะมีอะไรสนุกๆ มาแชร์กันบ้าง Go Go!

การทำ Variants ใน Figma เป็น 1 หัวใจสำคัญสำหรับงานด้าน UX/UI Design

Variables เป็นเหมือนที่เก็บค่า value ต่างๆ ที่สามารถเอาไปผูกกับคอมโพเนนท์ต่างๆ ของเราในงานดีไซน์ได้ รวมไปถึงการทำแอคชั่นต่างๆ ของ Prototype

ประเภทของ Variables

  • Color ค่าสีต่างๆ
  • Number ค่าตัวเลข ที่เราจะนำไปคำนวณในการทำ Prototype
  • String ค่าที่เป็น Text และอาจจะเก็บเป็นตัวเลขได้ แต่ไม่สามารถนำไปคำนวณได้
  • Boolean ค่าที่เก็บเป็น True และ False เอาไว้ใช้งานเวลาทำ Prototype แอคชั่นคล้ายๆ กันกับ Switch toggle

ปรับใช้ยังไง?

  • ใช้แทน Local style ที่เป็น Color style Text style ตอนออกแบบงาน
  • ใช้ในการจัดการ Style เวลาทำ Design systems
  • ใช้งานเวลาทำ Advance prototype กำหนดให้แอคชั่นซับซ้อนมากกว่า 1 แอคชั่น

ข้อดี

  • ทำการแก้ไขได้รวดเร็ว หากจำเป็นต้องเปลี่ยนแปลง Design
  • สามารถทำ Mockup เดโมที่ใกล้เคียงความเป็นจริงได้มากกว่าเดิม
  • ลดจำนวนหน้าในการออกแบบ ลด Layer

ข้อเสีย

  • ใช้เวลาในการทำงานค่อนข้างนาน หากต้องการนำไปใช้งานตอนทำ Prototype ทั้งโปรเจค
  • ต้องวางแผนให้ดี ในการตั้งค่าเงื่อนไขตัวแปรต่างๆ ที่จะไปใช้ในการทำ Prototype
Blueseas Design Talks เป็นอีกหนึ่งกิจกรรมดีๆ ของชาวเรือเหล็กที่จะช่วยสร้างแรงบันดาลใจให้กับทีมงานในการยอมรับบทบาทที่หลากหลาย สร้าง Culture ของการพัฒนาอย่างต่อเนื่องในธุรกิจพัฒนาซอฟต์แวร์ที่มีการแข่งขันสูงและเปลี่ยนแปลงอย่างต่อเนื่องได้
เพราะที่ Blueseas เราสามารถเรียนรู้และเติบโตได้แบบไร้ขีดจำกัด ติดตามเทรนด์ใหม่ๆ เกี่ยวกับคนทำงานสายดีไซน์อื่นๆ ได้ใน Blueseas Design Talks ครั้งต่อไปนะคะ
Post Views: 175