Penpot: Figma โอเพนซอร์ส

 (github.com/penpot)
4 คะแนน โดย GN⁺ 2025-11-28 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • Penpot เป็น เครื่องมือออกแบบและสร้างต้นแบบแบบโอเพนซอร์ส ที่นักออกแบบและนักพัฒนาสามารถใช้งานร่วมกันได้ โดยให้บริการทั้งแบบใช้งานบนเบราว์เซอร์และแบบ self-hosting
  • สร้างอยู่บนมาตรฐานเปิดอย่าง SVG, CSS, HTML, JSON และมาพร้อมความสามารถสมัยใหม่ เช่น design tokens, component system, CSS Grid Layout
  • รองรับการเชื่อมต่อกับแอปพลิเคชันภายนอกผ่าน plugin system และ API·webhook integration พร้อม Inspect mode สำหรับดูโค้ดที่พร้อมใช้งานได้ทันที
  • เป็นโปรเจกต์ที่ขับเคลื่อนโดยชุมชน โดยเปิดให้มีส่วนร่วมได้หลากหลายรูปแบบ เช่น การแชร์ไลบรารี·เทมเพลต, การรายงานบั๊ก, การร่วมแปลภาษา
  • เผยแพร่ภายใต้ Mozilla Public License 2.0 และมีส่วนช่วยขยายระบบนิเวศโอเพนซอร์สที่เพิ่มประสิทธิภาพ การทำงานร่วมกันระหว่างงานออกแบบและการพัฒนา

ภาพรวมของ Penpot

  • Penpot คือ เครื่องมือออกแบบโอเพนซอร์สตัวแรกสำหรับการทำงานร่วมกันระหว่างดีไซน์และโค้ด โดยนักออกแบบสามารถสร้าง interactive prototype และ design system ขณะที่นักพัฒนาสามารถนำโค้ดที่พร้อมใช้งานไปใช้ได้ทันที
    • ใช้งานได้ทันทีบนเบราว์เซอร์ หรือติดตั้งบนเซิร์ฟเวอร์ของตนเองก็ได้
    • ให้บริการ ฟรี และสร้างบนเทคโนโลยีมาตรฐานอย่าง SVG·CSS·HTML·JSON
  • ในเวอร์ชันล่าสุดมีการผสาน design tokens แบบเนทีฟ เพื่อช่วยให้การทำงานร่วมกันระหว่างงานออกแบบและการพัฒนามีประสิทธิภาพยิ่งขึ้น
  • ใน รุ่น 2.0 มีการอัปเดตครั้งใหญ่ เช่น CSS Grid Layout, การปรับปรุง UI ใหม่ทั้งหมด, component system แบบใหม่
  • องค์กรที่ต้องการบริการเพิ่มเติมสำหรับการใช้งานระดับทีมสามารถติดต่อสอบถามแยกต่างหากได้
  • มีการจัดงาน Penpot Fest ทุกปีเพื่อแลกเปลี่ยนกับชุมชนงานออกแบบโอเพนซอร์ส

Why Penpot

  • Penpot แสดงงานออกแบบในรูปแบบโค้ด ทำให้เกิด การทำงานร่วมกันแบบสองทางระหว่างนักออกแบบและนักพัฒนา
  • รองรับการขยายความสามารถและการเชื่อมต่อกับแอปภายนอกผ่าน plugin system
  • มี โครงสร้างที่เป็นมิตรกับนักพัฒนา โดยเลือกได้ทั้งการทำงานร่วมกันแบบเรียลไทม์หรือทำงานเดี่ยว
  • ใน Inspect mode สามารถดู โค้ด SVG·CSS·HTML ที่พร้อมใช้งานได้ทันที
  • ด้วย ความสามารถในการ self-hosting องค์กรจึงสร้างสภาพแวดล้อมการทำงานร่วมกันที่มีสิทธิ์ความเป็นเจ้าของได้อย่างสมบูรณ์
  • เชื่อมต่อกับ toolchain การพัฒนาได้ผ่าน API และ webhook integration
  • ใช้ design tokens·components·Variants เพื่อสร้างระบบ UI ที่สอดคล้องกัน

Getting Started

  • Penpot เป็น แพลตฟอร์มออกแบบ·สร้างต้นแบบเพียงรายเดียวที่ไม่ผูกกับสภาพแวดล้อมการติดตั้งใช้งาน โดยรองรับทั้งแบบ SaaS และการติดตั้งใช้งานเอง
  • มีตัวเลือกการติดตั้งหลากหลาย เช่น Docker, Kubernetes, Elestio
  • สามารถดูคู่มือการติดตั้งและการ deploy ได้จากเว็บไซต์ทางการ

Community

  • ดำเนินงานโดยมีชุมชนโอเพนซอร์สเป็นศูนย์กลาง และยินดีต้อนรับการมีส่วนร่วมทั้งด้าน ดีไซน์·โค้ด·ไอเดีย
  • สามารถตั้งคำถาม แก้ปัญหา เสนอแนวทางปรับปรุง และเข้าร่วมกิจกรรมได้ในฟอรัมชุมชน
  • หมวดหมู่หลัก ได้แก่ Ask the Community, Troubleshooting, Help us Improve Penpot, #MadeWithPenpot, Events and Announcements, Inside Penpot, Penpot in your language, Design and Code Essentials
  • ผู้เข้าร่วมทุกคนต้องปฏิบัติตาม Code of Conduct เพื่อช่วยกันสร้างสภาพแวดล้อมที่ดีและปลอดภัย

Contributing

  • สามารถมีส่วนร่วมกับโปรเจกต์ได้หลายวิธี
    • สร้างและแชร์ไลบรารี·เทมเพลต
    • เชิญทีมและเข้าร่วมชุมชน
    • รายงานบั๊ก หรือ สร้าง GitHub issue
    • ร่วมแปลภาษา และ ให้ข้อเสนอแนะ
    • มีคู่มือนักพัฒนาและวิดีโอสำหรับผู้ที่ต้องการ ร่วมพัฒนาโค้ดของ Penpot
  • รายละเอียดเพิ่มเติมเกี่ยวกับการมีส่วนร่วมดูได้จาก Contributing Guide

Resources

  • มีแหล่งข้อมูลหลากหลาย เช่น เอกสาร บทช่วยสอน สถาปัตยกรรมการพัฒนา และ Dev Diaries
    • มีลิงก์ไปยัง [Documentation], [Getting Started], [Tutorials], [Architecture], [Dev Diaries]

License

  • Penpot เผยแพร่ภายใต้ Mozilla Public License 2.0 (MPL-2.0)
  • ลิขสิทธิ์เป็นของ Kaleidos Inc. และเปิดเผยเป็นโปรเจกต์โอเพนซอร์ส

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2025-11-28
ความคิดเห็นบน Hacker News

  • อยากจะชอบ Penpot มาก ๆ แต่ตอนลองใช้เมื่อไม่กี่เดือนก่อน แค่สลับไปมาระหว่างหน้าก็มีบั๊กที่ทำให้บางส่วนของเอกสารเพี้ยนไป
    เลยไม่อยากรับความเสี่ยงแบบนั้นกับเอกสารสำคัญ และยังคงใช้ Figma ต่อไป
    ตอนนี้คิดว่าจะลองอีกครั้ง แต่ปัญหานี้ยังค้างอยู่มา 8 เดือนแล้วโดยยังไม่ถูกแก้

    • ดูเหมือนว่าถึงเวลาที่ควรเปิด issueสำหรับปัญหานี้แล้ว
    • ฉันลองเปิดเอกสารตัวอย่างดูแล้ว แต่ไม่เห็นอาการแบบนั้น
      ถ้าเป็นปัญหาร้ายแรงขนาดนั้น ก็น่าจะยากที่จะถูกมองข้าม

  • Penpot ไม่ได้มีแค่แบบself-hosting แต่ยังมี เวอร์ชันโฮสต์อย่างเป็นทางการ ด้วย
    แผนฟรีรองรับได้สูงสุด 8 คน และพื้นที่เก็บข้อมูล 10GB
    ขั้นถัดไปรองรับจำนวนผู้ใช้ไม่จำกัด โดยมีเพดานราคา $175 ต่อเดือน และจำกัดที่ 25GB
    แผนสูงสุดมีเพดาน $950 ต่อเดือน และให้พื้นที่เก็บข้อมูลไม่จำกัด

    • ตอนนี้อาจยังราคาถูก แต่ก็มีโอกาสที่โครงสร้างแบบเสียเงินจะเปลี่ยนไปตามกาลเวลาเหมือน Mattermost หรือ GitLab
      เรื่องแนว “เราสร้าง X เวอร์ชันโอเพนซอร์สขึ้นมา” มักจะตามมาด้วยเวอร์ชัน enterprise อยู่บ่อย ๆ
    • คำว่า “พื้นที่เก็บข้อมูลไม่จำกัด” มีโอกาสสูงว่าในความเป็นจริงจะไม่ได้ไม่จำกัดจริง
      น่าเสียดายที่คำแบบนี้กลายเป็นเรื่องปกติในอุตสาหกรรมไปแล้ว

  • สำหรับงานด้านองค์ประกอบ UI นั้น Penpot คือเวกเตอร์เอดิเตอร์ที่ฉันใช้บ่อยที่สุด
    มันเรียบง่าย และจัดการหน่วยกับเลย์เอาต์ได้ดี
    เวลาทำไอคอนหรือกราฟิกง่าย ๆ มันให้ความรู้สึกสนุก
    ระบบexportก็ดีมาก ทำให้จัดระเบียบได้ง่าย
    มันใช้ได้หลากหลาย ไม่ได้จำกัดแค่การทำ flow ของแอปทั้งหมด และทำให้นึกถึงประสิทธิภาพการทำงานในยุคแรก ๆ ของ Sketch
    แทบไม่น่าเชื่อว่าเป็นโอเพนซอร์ส

    • ฉันก็ใช้ Penpot เป็นเครื่องมือเวกเตอร์หลักเหมือนกัน แต่การที่มันแปลงข้อความเป็นเวกเตอร์ไม่ได้เป็นข้อเสียใหญ่
      ถ้าฟอนต์ต่างกัน ดีไซน์ก็อาจเพี้ยนในสภาพแวดล้อมอื่นได้
      โดยเฉพาะเวลาexport SVG ดีไซน์ที่มีข้อความอาจดูต่างไปอย่างสิ้นเชิง

  • Penpot ยังไม่เสถียร และถ้าทำงานเกิน 10 หน้า จะแครชบ่อยมาก
    แม้จะรันบนเซิร์ฟเวอร์ RAM 64GB พอเริ่มที่ 5~6 หน้าก็กินหน่วยความจำ 20GB แล้ว ทั้งทีมเจออาการหน่วงหนักและสุดท้ายก็ล่ม

    • สงสัยว่าmemory leakนั้นอยู่ฝั่งเซิร์ฟเวอร์หรือฝั่งฟรอนต์เอนด์
    • จริง ๆ แล้ว Figma เองก็เป็นพวกกินหน่วยความจำหนักเหมือนกัน

  • Penpot ทำให้นึกถึง YaCy
    ตัวโปรเจ็กต์ยอดเยี่ยม แต่การเลือกภาษาน่าเสียดาย
    (YaCy เขียนด้วย Java ส่วน Penpot เขียนด้วย Clojure)

    • ถามด้วยความสงสัยว่า ถ้าเป็น YaCy ในปี 2003 มันควรใช้ภาษาอะไร และถ้าเป็น Penpot ในตอนนี้จะเลือกภาษาอะไร

  • ถ้าต้องการเวอร์ชันเดสก์ท็อปแบบสแตนด์อโลน สามารถดูได้ที่หน้าริลีสนี้

    • จุดที่น่าเสียดายคือ เวอร์ชันเดสก์ท็อปนี้เป็นแค่รูปแบบที่ห่อเว็บแอปไว้เท่านั้น
      ถ้าจะใช้งานออฟไลน์ ต้องรันอินสแตนซ์ในเครื่องด้วย Docker

  • สำหรับฉัน ต่อให้ต้องรับภาระด้านประสิทธิภาพจากเว็บสแตกหรือself-hosting (performance tax) ก็ยังสำคัญกว่าการที่ไฟล์ดีไซน์ของฉันไม่ถูกผูกไว้กับคลาวด์แบบปิด
    Figma นั้นยอดเยี่ยม แต่ตอนนี้มันกลายเป็นจุดล้มเหลวเพียงจุดเดียวของทั้งองค์กรผลิตภัณฑ์ไปแล้ว
    ถึง Penpot จะยังช้าอยู่ตอนนี้ แต่ถ้าฉันสามารถเป็นเจ้าของ pipeline เองได้ด้วย docker-compose up ฉันก็คิดว่านั่นดีกว่า
    ประสิทธิภาพยังปรับปรุงได้ด้วยโค้ด แต่ข้อจำกัดด้านไลเซนส์ไม่ใช่สิ่งที่ผู้ใช้จะเปลี่ยนเองได้

    • เห็นด้วย โดยเฉพาะในยุค AI นักออกแบบน่าจะตระหนักมากขึ้นถึงความสำคัญของการควบคุมและไลเซนส์เหนือผลงานของตัวเอง
      ที่ผ่านมามีแค่นักออกแบบเว็บเท่านั้นที่สนใจโอเพนซอร์ส
    • อยากรู้ว่าถ้ามีแอปอย่าง Penpot ที่self-hosting ได้ง่าย คุณจะอยากรันเองหรือเปล่า

  • Penpot ใช้งานได้ค่อนข้างดี แต่พอเป็นแคนวาสขนาดใหญ่จะช้ามาก
    ไม่ควรเอาทุกอย่างไปกองไว้ในแคนวาสเดียว

  • มีเวอร์ชันเดสก์ท็อปที่ไม่เป็นทางการด้วย
    ตามโพสต์ในคอมมูนิตี้ ระบุว่ามันหน่วงกว่าเวอร์ชันโฮสต์
    เลยอยากรู้ว่ามีใครเคยใช้บ้างไหม

  • Penpot เคยถูกพูดถึงบน Hacker News เป็นครั้งแรก ตั้งแต่3 ปีก่อนแล้ว
    ตอนนั้นได้ 1145 คะแนน และมีคอมเมนต์ 128 รายการ