เปรียบเทียบโปรแกรมออกแบบ UI UX: Sketch, Adobe XD, Figma

compare design tool
Share on facebook
Share on twitter
Share on telegram
เปรียบเทียบโปรแกรมออกแบบ ยอดฮิตมาแรง รีวิวตั้งแต่ราคา, ระบบปฏิบัติการ และฟีเจอร์ ความคิดเห็นจากผู้ใช้งานจริงและกรุ๊ปสำหรับอัพเดทข่าวสารสำหรับคนที่กำลังจะตัดสินใจซื้อ

เปรียบเทียบโปรแกรมออกแบบ ยอดฮิตมาแรง วันนี้ Designil จะมารีวิวข้อแตกต่างกันตั้งแต่ราคา, ระบบปฏิบัติการ และฟีเจอร์ เพิ่มเติมความคิดเห็นจากผู้ใช้งานจริงและกรุ๊ปสำหรับอัพเดทข่าวสารสำหรับคนที่กำลังจะตัดสินใจซื้อโปรแกรมมาใช้งานด้วยค่ะ

Designil เคยเขียนบทความรีวิวการใช้งานโปรแกรมและฟีเจอร์การใช้งานที่น่าสนใจของโปรแกรมออกแบบ UI UX อย่าง Sketch , Figma , Adobe XD มาแล้ว ติดตามอ่านกันได้เลยนะคะ

เปรียบเทียบโปรแกรมออกแบบ

sketch
Sketch
figma
Figma
adobe xd
Adobe XD

เรามาเริ่มต้นกันที่ราคากันก่อนเลย

เปรียบเทียบราคา

*ด้านล่างนี้เป็นหน่วยบาทไทย เปรียบเทียบโดยประมาณอ้างอิงตามหน่วย USD นะคะ
ใครที่สนใจโปรแกรมสามารถสั่งซื้อได้จากเว็บไซต์โดยตรงเลยค่ะ

จำนวนผู้ใช้SketchFigmaAdobe XD
แบบฟรีแพลน Free ใช้งานพร้อมกันได้ 2 คน สูงสุด 3 โปรเจค– แพลนเริ่มต้นใช้งานฟรี แต่จะมีปัญหาคือ save งานลง Local ไม่ได้ จะเซฟงานบน Cloud ได้เท่านั้น
– มีลิมิตการแชร์โปรเจค
ส่วนบุคคล– ซื้อขาด 3,300 บาท
– ค่าต่ออายุ 1,650 บาทต่อปี
-1 License ลงได้ 2 เครื่อง
– ชำระรายปี 400 บาท/คน/เดือน
– ชำระรายเดือน 500 บาท/คน/เดือน
– ใช้เมล์​ edu สมัครจะได้ราคาถูกลง
– 330 บาท/เดือน
– ถ้าซื้อ Creative cloud ทุกโปรแกรม รวม Photoshop, Illustrator จะอยู่ที่ 1,800 บาท/เดือน
– 1 License ลงได้ 2 เครื่อง, ใช้เมล์​ edu สมัครจะได้ราคาถูกลง
ใช้งานแบบบริษัท300 บาท/คน/เดือน
หรือ 3,250 บาท/คน/ปี
1,500 บาท/คน/เดือนสอบถามข้อมูลเพิ่มเติมกับ Adobe

เปรียบเทียบ Platform ระบบปฏิบัติการที่ใช้งานได้

ระบบปฏิบัติการSketchFigmaAdobe XD
Mac
Window
ระบบปฏิบัติการอื่น ๆ เช่น Linux
ทำงานบน Browser

เปรียบเทียบฟีเจอร์

ฟีเจอร์การใช้งานSketchFigmaAdobe XD
แก้ไขงานพร้อม ๆ กันหลายคน
ต้องใช้ Plugin
ระบบ Plugin ส่วนเสริม
ใช้งาน Offline
ปัจจุบันโหลด Desktop app ได้
Inspect mode สำหรับส่งงานให้ Developer
Beta มาแล้ว ใช้งานได้เร็วๆนี้
ระบบ Cloud เปิดไฟล์ของคนในทีมได้โดยไม่ต้องส่งไฟล์ไปมา
รองรับการทำ Symbol หรือสร้าง Library เพื่อ Design system
ทำ Prototype (Interaction)
ความเร็วของโปรแกรม
การตัดต่อรูปแบบพื้นฐาน crop, fill, fit, tile

สรุปควรเลือกโปรแกรมออกแบบตัวไหน ?

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

Sketch เองใช้งานง่ายคล่องมือ อย่างนัทเองทำงาน UI UX ของเว็บไซต์เป็นหลัก ไม่ค่อยมีพวก Interaction มาเกี่ยวข้องมาก แต่คำนึงเรื่องของ Accessibility, Color profile และ Library ของ Design system ด้วยตัวโปรแกรมที่โดดเด่นเรื่องของการจัดการ Library ที่เป็นมาตรฐาน Sketch ก็เลยตอบโจทย์นัทที่สุดในตอนนี้ แต่ถ้าถามเรื่องความอืดของโปรแกรม บอกเลยว่าถ้าต้องจัดการ Library จำนวนมาก ตัด Sketch ทิ้งได้เลย ถ้าไม่ซอยไฟล์ขนาดเล็ก Sketch จะช้าที่สุดในบรรดาทั้ง 3 ตัว รวมถึงเรื่องของการ Handoff ส่งไฟล์ให้ทีม Dev ระบบ Cloud ที่กำลังพัฒนานั้นช้ากว่าในบรรดาทั้ง 3 ตัว ทำให้ Sketch ดูจะตามคนอื่นไม่ทันเท่าไร

Adobe XD พวก Tool shortcut การกดปุ่มยังไม่ค่อยคล่องมือนัทเท่าไร มี Learning curve ที่สูงกว่า Sketch และ Figma แต่เรื่องการทำ Interaction ความ Smooth ในการทำแอพและความเร็วลื่นไหล ไม่กินพื้นที่เครื่องมาก ทำงานไว โหลดไว ยกให้ Adobe XD ไปเลย ลื่นมาก และ Adobe XD มีจุดเด่นเรื่องของฟีเจอร์ที่ปล่อยออกมาไวเหลือเกิน เรียนรู้กันไม่ทัน และดูเหมือนว่าจะทำงานได้ไวกว่า Sketch ด้วย ถ้าให้นัทย้ายเต็มตัว คงจะเลือก Adobe XD ก่อน Figma

Figma ส่วนถ้าใครที่ชื่นชอบการทำงานแบบ Real time collaboration การแก้ไขงานไปหลายคน ช่วยกันทำในไฟล์เดียวพร้อมกัน ตัวที่มาแรงที่สุดตอนนี้ก็คือ Figma ทำงานได้ Cross platform ย้ายไปทำบน Linux, Ubuntu ก็ยังสามารถใช้งานได้เพราะทำงานบน Browser มีระบบ Handoff การส่งงานให้ทีมอื่นดีกว่า Adobe XD และ Sketch โปรแกรมเมอร์จะต้องถูกใจโปรแกรมนี้อย่างแน่นอน

ถ้าเราใช้ Figma เราก็ไม่ต้องซื้อโปรแกรม Zeplin, Invision (โปรแกรม inspect ไว้ส่ง handoff ให้กับทีม dev) หรือตัว Abstract (โปรแกรมจัดการ design version control จัดการไฟล์ออกแบบคล้ายๆกับ Git) Figma นำมาซึ่งความคุ้มค่า มีครบจบในตัวเดียว ถ้าพูดเรื่องของความประหยัด ง่าย เชื่อมต่อทีมได้เป็นอย่างดี แนะนำ Figma เลยค่ะ แถมปัจจุบันมีตัว Desktop app ให้ดาวน์โหลดไว้ทำงานแบบ Offline ได้แล้วนะ

ทีนี้ก่อนเราจะตัดสินใจก็คงต้องกลับมาถามตัวเราเองกันก่อนว่า เราคำนึงถึงอะไรมากที่สุดในการเปลี่ยนโปรแกรมออกแบบ

  1. ระบบปฏิบัติการที่ใช้งาน
  2. ราคา
  3. จำนวนคน, ทีมที่ทำงานร่วมกัน
  4. ต้องสร้าง Design system หรือไม่
  5. การทำ Prototype จำเป็นจะต้องทำ Interaction ระดับสูงหรือไม่
  6. การทำงานระหว่าง Developer กับ Designer เรื่องของการ Handoff ตัวไฟล์งาน
  7. ความรวดเร็วของโปรแกรม งานของเรามีไฟล์จำนวนมากหรือไม่

ถ้าเกิดตอบถามได้ทั้งหมด 8 ข้อนี้แล้ว แต่ก็ยังไม่แน่ใจอีก นัทแนะนำให้ลองโหลดตัว Free trial มาลองใช้งาน 1 เดือนกับทีม จะช่วยให้เราตัดสินใจง่ายขึ้นค่า


จะย้ายโปรแกรมมาใช้อันใหม่ เรียนรู้ยากมั้ย?

พูดถึงเรื่อง Learning curve ต้องตอบเลยว่าไม่ยาก เพราะแต่ละโปรแกรมมีฟีเจอร์ที่คล้ายคลึงกัน มีเพียงแค่เรียนรู้ UI ของโปรแกรม ที่สำคัญต้องเรียนรู้เรื่องของ Shortcut ในการใช้โปรแกรมกันใหม่ทั้งหมด

ฟีเจอร์ลับที่แต่ละค่ายเข็นออกมาทุกปี อาจจะต้องมาเรียนรู้กันเพิ่มแยกเป็นโปรแกรมไป


ย้ายโปรแกรม เอาไฟล์จากอีกโปรแกรมมาเปิดได้หรือไม่ ?

Figma สามารถเปิดไฟล์ Sketch, adobe xd ได้ มีคู่มือการ export อยู่ในเว็บไซต์เลยค่ะ

Adobe XD สามารถเปิด import Sketch ไฟล์ได้ เนี้ยบมาก, ถ้าจะย้ายจาก figma มา Adobe XD ต้อง export มาก่อน หรือใช้ plugin

Sketch สามารถเปิดไฟล์ Adobe XD ได้เช่นกัน แต่ต้องใช้ plugin อย่าง XD2sketch, ถ้าอยากเปิดไฟล์ Figma ต้องลอง export เป็น pdf, svg
แต่ระบบ export ของ Figma ยังมีปัญหาอยู่พอสมควรค่า

นัทแนะนำให้ทุกท่านติดตามกรุ๊ป Community ด้านล่างนี้เลยค่ะ สำหรับอัพเดทเรื่องของ Tool ฟีเจอร์มาใหม่เป็นภาษาไทย


Community ในประเทศไทย

กรุ๊ป Facebook Sketch Users Thailand
กรุ๊ป Facebook Adobe XD Thailand
กรุ๊ป Facebook Figma.com Thailand (โปรแกรมออกแบบ Application ไม่ใช่หุ่นจ้า)


อย่างนัทเองใช้ Sketch, Adobe XD + Photoshop + Illustrator เป็นหลักเพราะว่าที่บริษัทมี License ของ Adobe แต่ถ้าถามว่าอยากเปลี่ยนใจย้ายไป Figma มั้ย อยากทุกวัน เพราะฟีเจอร์ที่ออกมาแต่ละอันนั้นดึงดูดใจเหลือเกิน

แล้วเจอกันใหม่ในบทความหน้านะคะ ใครชอบบทความแบบนี้อย่าลืมกดรับข่าวสารกับ Designil นะค้า 🙂

อ่านจบแล้ว ? มาอ่านกันต่อที่บทความนี้

Share:

Share on facebook
Facebook
Share on twitter
Twitter
Share on telegram
Telegram

7 Responses

  1. Pingback: Figma Design Tool for Teamwork สายดีไซน์ต้องลอง! - Designil
  2. Pingback: ทฤษฎีสี HSL ออกแบบเว็บไซต์ UI อย่างมือโปร - Designil
  3. Pingback: Invision DSM สร้างระบบ Design system ให้ใช้งานง่ายและรวดเร็ว - Designil
  4. Pingback: Sketch โปรแกรมออกแบบ UI Design สุดฮอตที่ใช้กันทั่วโลก !!
  5. Pingback: วิธีซื้อ Photoshop CC ของแท้ราคาพิเศษ ถูกสุด ๆ แค่วันละ 8 บาท !!
  6. Pingback: Design System คืออะไร? เล่าเคสการทำงานจริงพร้อมตัวอย่างประกอบ - Designil
  7. Pingback: Adobe เปิดให้ใช้ Adobe XD ฟรี 100% : เว็บ / แอพดีไซเนอร์ทุกคนควรลองใช้ - Designil

Comments are closed.