Figma คืออะไร? ทำไมนักออกแบบ UX/UI ถึงนิยมใช้กัน

FIGMA คือ เครื่องมือออกแบบเว็บไซต์ หรือ แอปฯ ต่างๆที่เกิดมาเพื่อช่วยนักออกแบบ UX/UI อย่างเราๆ โดยสามารถใช้งานได้ผ่านทาง web browser ทำให้สะดวกในการใช้งาน โดยตัวเครื่องมือออกแบบมาให้เหมาะกับคนที่จำเป็นจะต้องทำโปรเจกต์ร่วมกันกับทีม! เพราะสามารถแก้ไขงานร่วมกันได้แบบ real-time อีกทั้งตัวเครื่องมือยังมีฟีเจอร์ที่น่าสนใจเยอะอีกด้วย

สวัสดีครับทุกคน ปอเองครับ ห่างหายกันไปพักใหญ่ๆเลย กับการเขียนบทความ ซึ่งสำหรับบทความในครั้งนี้ ผมจะขอพาเพื่อนๆไปทำความรู้จักกับเครื่องมือออกแบบเว็บไซต์สุดว้าว ที่มีชื่อว่า FIGMA กันครับ

FIGMA คืออะไร ?

FIGMA คือ เครื่องมือออกแบบเว็บไซต์ หรือ แอปฯ ต่างๆที่เกิดมาเพื่อช่วยนักออกแบบ UX/UI อย่างเราๆ ..โดยสามารถใช้งานได้ผ่านทาง web browser ไม่จำเป็นต้องมานั่ง install (แต่ก็มีแอปฯให้เราสามารถ install ลงเครื่องด้วยนะ) ทำให้สะดวกในการใช้งานม๊าาาากมาก โดยตัวเครื่องมือออกแบบมาให้เหมาะกับคนที่จำเป็นจะต้องทำโปรเจกต์ร่วมกันกับทีม! หรือต้องการหมดปัญหาเวลาคุยโปรเจกต์กับลูกค้าและลูกค้าเปิดไฟล์งานไม่ได้ อีกทั้งตัวเครื่องมือยังมีฟีเจอร์ที่น่าสนใจ ช่วยให้เพื่อนๆ สามารถทำงานได้ง่ายขึ้นอีกด้วย ! โดยผมจะขออนุญาตแบ่งจุดเด่นออกเป็นแต่ละหัวข้อดังนี้ครับ

จุดเด่นของ FIGMA

- 1.ทำโปรเจกต์ร่วมกันได้

- 2.Auto Save !

- 3.ตัวเลือกการกำหนดค่า Frame size

- 4.คิดงานไม่ออกเข้า Community

1.ทำโปรเจกต์ร่วมกันได้

เพราะเราสามารถแชร์โปรเจกต์และแก้ไขไฟล์ร่วมกันกับเพื่อนๆได้แบบเรียลไทม์!! หรือปักหมุด Comment งานไว้เพื่อให้เพื่อนๆมานั่งแก้ไขก็ทำได้…หมดปัญหาเรื่องการนั่งอัพเดตไฟล์งาน draft_finish_edit7 / draft_finish_edit8 / draft_finish_edit8_jing_jing_laew_na เพื่อส่งไปส่งมาให้กับเพื่อนร่วมงาน ให้ลกเครื่องเสียที!

2.Auto Save !

ดีงามพระรามแปดมากๆกับจุดเด่นอันนี้ อีกหนึ่งปัญหาโลกแตกของพนักงานทุกท่าน…ที่ทำงานจนติดลมบน จนลืมเซฟงานไปบ้าง หรือ…ในขณะที่ทำงานอยู่ดีๆคอมดันค้าง พร้อมขึ้นหน้าต่าง …is not responding มาให้เรากรีดร้อง ช้ำใจเล่น (หมดกันงานทั้งวันของชั้น) ปัญหานี้จะหมดไปเพราะ FIGMA จะช่วยเซฟงานให้เราอย่างสม่ำเสมอนั่นเอง

3.ตัวเลือกการกำหนดค่า Frame size

หลายครั้งในการทำงาน ที่เรามักจะจำไม่ได้ว่า สัดส่วนขนาดหน้าจอของแอปฯต่างๆ รวมไปถึงขนาด Post Banner หรือ Cover Page มีขนาดสัดส่วนเท่าใด FIGMA ได้รวบรวมขนาดไซส์ของอุปกรณ์และเครื่องมือต่างๆ ให้เราได้เลือกใช้งานกันด้วยนั่นเอง..ส่วนตัวแล้ว รู้สึกว่ามันเป็นประโยชน์มากๆเลยล่ะ

4.คิดงานไม่ออกเข้า Community

ในที่นี้ไม่รู้ว่าคนที่อ่านบทความนี้จะเป็นเหมือนกันบ้างหรือไม่ อีก1ปัญหา สำหรับคนทำงานออกแบบ คือ!!...คิดไม่ออกอะ!! ..จะออกแบบให้มันหน้าตายังไงดีนะ ปัญหานี้ FIGMA มีทางออก โดยการสร้าง Community เพื่อแบ่งปันผลงานต่างๆ ของผู้ใช้งานด้วยกัน ไม่ว่าจะเป็น Template ,Mock-up รวมถึง Icons เพื่อให้ เราๆใช้เป็นแนวทางนำไปต่อยอดในการทำงานของตัวเองได้ดียิ่งขึ้น!

สรุป

ก็หวังว่าบทความนี้ครั้งนี้จะเป็นประโยชน์ให้กับเพื่อนๆ ที่กำลังสนใจเครื่องมือออกแบบเว็บไซต์ และอยากที่จะลองนำไปทดลองใช้งานกันไม่มากก็น้อยนะครับ สำหรับบทความในครั้งหน้า ผมจะมาอธิบายรายละเอียด วิธีการใช้เครื่องมือต่างๆใน FIGMA ให้เพื่อนๆได้ลองไปศึกษาวิธีการใช้งานกันนะครับ และหากเพื่อนๆชอบบทความแบบนี้ล่ะก็ สามารถเข้าไปอ่านบทความที่น่าสนใจกันต่อได้ ใน แหล่งรวมความรู้ DeveloperIO ที่จะมีเพื่อนๆทีมงานของเราคอยอัพเดตและแบ่งปันข้อมูลดีๆให้กับผู้อ่านทุกท่านครับ สำหรับบทความในครั้งนี้ต้องขอลากันไปแต่เพียงเท่านี้ พบกันใหม่ในบทความหน้าครับ สวัสดีครับ! 😊

ดูรายละเอียดเพิ่มเติมได้ที่นี่ สอบถามเพิ่มเติมเกี่ยวกับ AWS คลิกที่นี่