Penpot 2.0 - ทางเลือกโอเพนซอร์สแทน Figma

• Penpot เป็นเครื่องมือออกแบบแบบโอเพนซอร์สบนเว็บที่ช่วยลดช่องว่างระหว่างนักออกแบบและนักพัฒนา
• สมัครใช้งานได้ฟรี และรองรับการติดตั้งแบบ self-hosting
• ในการออกเวอร์ชัน 2.0 ได้เพิ่มฟีเจอร์อย่าง Grid CSS layout, ระบบคอมโพเนนต์ใหม่, การสลับคอมโพเนนต์ และการสร้างโค้ด HTML

เครื่องมือออกแบบที่ทรงพลัง

• การออกแบบอินเทอร์เฟซ
  • รองรับเลย์เอาต์ที่ยืดหยุ่น, design system และฟอนต์แบบกำหนดเอง
• การทำต้นแบบ
  • ฟลोแบบโต้ตอบ, การโต้ตอบ และฟีเจอร์ทรานซิชัน
• การให้ฟีดแบ็กและการแชร์
  • ผู้มีส่วนเกี่ยวข้องทุกฝ่ายสามารถมีส่วนร่วมได้
• การตรวจสอบโค้ด
  • ให้ข้อมูลสเปก, CSS และมาร์กอัป HTML/SVG

การทำงานร่วมกันจริงระหว่างงานออกแบบและโค้ด

• Penpot แสดงงานออกแบบในรูปแบบ CSS, SVG และ HTML ได้โดยตรง
• นักพัฒนาสามารถทำงานได้จากในอินเทอร์เฟซทันที
• ทั้งทีมสามารถใช้เวิร์กโฟลว์เดียวที่ลื่นไหลร่วมกันได้
• ไม่จำเป็นต้องมีขั้นตอนการส่งต่องานอีกต่อไป

มาตรฐานแบบเปิดและโอเพนซอร์ส

• ไม่ว่าทีมจะมีขนาดเท่าใด ก็สามารถเป็นเจ้าของผลงานและเครื่องมือได้อย่างสมบูรณ์สำหรับทุกโปรเจกต์ทั้งปัจจุบันและอนาคต
• ความยืดหยุ่นของ API และเว็บฮุก
  • สามารถผสาน Penpot เข้ากับชุดเครื่องมือพัฒนาที่ใช้อยู่ได้ ไม่ว่าจะใช้งานผ่านเบราว์เซอร์หรือผ่าน private instance

ชุมชน

• ไลบรารีและเทมเพลต
  • สามารถสร้างเทมเพลตหรือไลบรารีหลากหลายแบบ แล้วแชร์หรือดาวน์โหลดมาใช้กับโปรเจกต์ Penpot ได้
• การมีส่วนร่วม
  • ช่วยเหลือกันได้ผ่านโค้ด ไอเดียด้านดีไซน์ ไลบรารี เทมเพลต การเชื่อมต่อ และบทช่วยสอน เป็นต้น
• Penpot Fest
  • งานคอนเฟอเรนซ์ที่นักออกแบบและนักพัฒนามารวมตัวกันเพื่อสร้างการทำงานร่วมกันแบบไร้ข้อจำกัด

ความเห็นของ GN⁺

• Penpot เป็นเครื่องมือที่ช่วยให้การทำงานร่วมกันระหว่างนักออกแบบและนักพัฒนาเป็นไปอย่างราบรื่น โดยนำเสนอองค์ประกอบการออกแบบในรูปแบบมาตรฐานเว็บอย่าง CSS, SVG และ HTML ทำให้สามารถนำไปใช้ในกระบวนการพัฒนาได้ทันทีโดยแทบไม่ต้องมีงานแยกเพิ่มเติม จึงน่าจะช่วยให้การเปลี่ยนผ่านจากงานออกแบบไปสู่งานพัฒนาเป็นไปอย่างลื่นไหล
• เครื่องมือที่คล้ายกันเดิมมีทั้ง Figma, Sketch และ Adobe XD แต่ Penpot แตกต่างตรงที่เป็นโอเพนซอร์ส โค้ดต้นฉบับเปิดให้ทุกคนเพิ่มหรือแก้ไขฟีเจอร์ได้ และยังสามารถ self-hosting ได้ จึงเหมาะกับองค์กรที่ให้ความสำคัญกับความปลอดภัย
• อย่างไรก็ตาม เนื่องจากยังเป็นโปรเจกต์ค่อนข้างใหม่ จึงอาจยังด้อยกว่าเครื่องมือเดิมในด้านเสถียรภาพหรือประสิทธิภาพ อีกทั้งยังมีข้อจำกัดที่ไม่สามารถใช้ ecosystem หรือปลั๊กอินของเครื่องมือเดิมได้โดยตรง
• โดยสรุป หากเป็นองค์กรที่เน้นการพัฒนาเว็บเป็นหลัก จุดเด่นของ Penpot ด้านการเชื่อมโยงกับกระบวนการพัฒนาจะโดดเด่นมาก แต่สำหรับการทำงานร่วมกันด้านดีไซน์ทั่วไป อาจยังยากที่จะมาแทนที่เครื่องมือเดิมได้ในทันที อย่างไรก็ตาม ในระยะยาวก็นับเป็นโปรเจกต์ที่น่าคาดหวังจากศักยภาพการเติบโตที่อาศัยข้อดีของโอเพนซอร์ส

[biyott]

พอลองใช้แล้วรู้สึกเสียดายที่รองรับภาษาเกาหลีได้ไม่ค่อยดีนัก (หลังพิมพ์แล้วบันทึกมักเกิดข้อผิดพลาดของหน้า หรือมีปัญหาตัวอักษร เป็นต้น)
ดูเหมือนว่าจะใช้งานได้ดีแค่บน PC และยังไม่ได้คำนึงถึงการดูผ่าน viewer บนมือถือหรือแท็บเล็ตมากนัก
ถ้าไม่ใช่สถานการณ์ที่ใช้บน PC เป็นหลักและเน้นภาษาอังกฤษเป็นหลัก ก็คงยังเร็วเกินไปอยู่ครับ

[rabolution]

penpot สร้างด้วย Clojure Languages Clojure 71.7%

[xguru]

Penpot - เครื่องมือโอเพนซอร์สสำหรับการออกแบบและการทำงานร่วมกันด้านโปรโตไทป์
Penpot ซึ่งเป็นทางเลือกโอเพนซอร์สแทน Figma ได้รับเงินลงทุน $8M

ตอนที่ Figma กำลังอยู่ในกระบวนการถูก Adobe เข้าซื้อกิจการ Penpot ก็ได้รับเงินลงทุนเช่นกัน แต่พอดีดีลซื้อกิจการ Figma ล่มไป สถานการณ์เลยออกจะก้ำกึ่งอยู่บ้าง
รอบนี้ออกเวอร์ชัน 2.0 มาแล้วก็ดีขึ้นพอสมควรครับ สิ่งที่สะดุดตาคือมีคนประเมินว่าในแง่การสร้างโค้ดนั้นทำได้ดีกว่า Figma

[GN⁺]

ความเห็นจาก Hacker News

สรุป:

• เป็นเรื่องยากที่เครื่องมือออกแบบโอเพนซอร์สจะมาแทนที่เครื่องมือออกแบบเชิงพาณิชย์ได้ เพราะเครื่องมือเชิงพาณิชย์ผ่านการปรับปรุงด้าน UX และประสิทธิภาพมาเป็นเวลานาน
• ดูเหมือนว่าที่ Figma ทำงานได้ลื่นเพราะมี custom renderer ที่ทำงานบน WebGL ส่วน Penpot ใช้ React เลยอยากรู้ว่าประสิทธิภาพเมื่อเทียบกันเป็นอย่างไร
• หลังจากมีการประกาศเข้าซื้อกิจการโดย Adobe เคยย้ายไปใช้ Penpot อยู่ช่วงหนึ่ง แต่สุดท้ายก็กลับมาใช้ Figma เพราะคิดถึงข้อดีของ Figma และเส้นโค้งการเรียนรู้ที่เกิดจากความแตกต่างเล็ก ๆ น้อย ๆ หลังดีลล่มก็เลยตัดสินใจอยู่กับ Figma ต่อ
• การที่ Penpot มีอยู่ในตลาดก็ช่วยถ่วงดุลไม่ให้ Figma ขึ้นราคาได้ง่าย
• Lunacy ใช้งานฟรี ไม่ต้องล็อกอิน และมี Linux native client ให้
• แม้เครื่องมือและเฟรมเวิร์กจะพัฒนาไปเรื่อย ๆ แต่ UX บนเว็บกลับแย่ลง และนับตั้งแต่ยุคเว็บแอปพลิเคชันเป็นต้นมา สิ่งที่ผู้ใช้ได้เรียนรู้เป็นหลักก็คือการ "รอ"
• มีความเห็นว่า Penpot ทำฟีเจอร์สร้างโค้ดได้ดีกว่า และน่าจะมีประโยชน์ในกรณีที่ต้องใช้หน้าแบบกราฟิกที่ปรับแต่งมาก ๆ พร้อมโค้ด/ฟังก์ชันจำนวนมาก
• หาไลเซนส์ของ Penpot ได้ยาก
• ทั้งฝั่งไคลเอนต์และเซิร์ฟเวอร์ของ Penpot ช้าและไม่มีประสิทธิภาพ ดูเหมือนว่าควรเขียนฟรอนต์เอนด์ใหม่ด้วย WASM + WebGL
• ไม่เข้าใจว่าทำไม Figma ถึงได้รับความสนใจมากนัก ถ้ามันสร้าง HTML template และ CSS ที่นำกลับมาใช้ซ้ำไม่ได้ มันก็เป็นเพียงเครื่องมือสำหรับนักออกแบบเท่านั้น และอาจทำให้ชีวิตของนักพัฒนายากขึ้น