Penpot: Figma Open Source
(github.com/penpot)- Penpot adalah alat desain dan prototyping open source yang dapat digunakan bersama oleh desainer dan developer, tersedia dalam bentuk berbasis browser atau self-hosted
- Dibangun di atas standar terbuka seperti SVG, CSS, HTML, JSON, serta mencakup fitur modern seperti design tokens, component system, dan CSS Grid Layout
- Melalui sistem plugin dan fitur integrasi API·webhook, Penpot dapat terhubung dengan aplikasi eksternal, serta mendukung pemeriksaan kode yang siap digunakan lewat mode Inspect
- Proyek ini berpusat pada komunitas, dengan berbagai cara berkontribusi seperti berbagi library·template, laporan bug, dan partisipasi terjemahan
- Dirilis di bawah Mozilla Public License 2.0, dan berkontribusi memperluas ekosistem open source yang meningkatkan efisiensi kolaborasi antara desain dan pengembangan
Ikhtisar Penpot
- Penpot adalah alat desain open source pertama untuk kolaborasi antara desain dan kode, yang memungkinkan desainer membuat prototipe interaktif dan sistem desain, sementara developer dapat memanfaatkan kode yang siap dipakai
- Dapat digunakan langsung di browser atau dipasang di server sendiri
- Tersedia gratis, dan berbasis teknologi standar seperti SVG·CSS·HTML·JSON
- Pada versi terbaru, design tokens telah diintegrasikan secara native untuk mendukung kolaborasi yang efisien antara desain dan pengembangan
- Pada rilis 2.0, hadir pembaruan besar seperti CSS Grid Layout, perombakan total UI, dan component system baru
- Organisasi yang membutuhkan layanan tambahan untuk tim dapat menghubungi secara terpisah
- Setiap tahun diadakan acara Penpot Fest untuk berinteraksi dengan komunitas desain open source
Why Penpot
- Penpot mengekspresikan desain dalam bentuk kode sehingga memungkinkan kolaborasi dua arah antara desainer dan developer
- Mendukung perluasan fungsi dan integrasi dengan aplikasi eksternal melalui sistem plugin
- Dengan struktur yang ramah developer, pengguna dapat memilih kolaborasi real-time atau bekerja sendiri
- Di mode Inspect, pengguna dapat melihat kode SVG·CSS·HTML yang siap digunakan
- Dengan fitur self-hosting, organisasi dapat membangun lingkungan kolaborasi yang sepenuhnya mereka miliki
- Terhubung dengan toolchain pengembangan melalui integrasi API dan webhook
- Memungkinkan pembangunan sistem UI yang konsisten dengan memanfaatkan design tokens·components·Variants
Getting Started
- Penpot adalah satu-satunya platform desain·prototipe yang tidak bergantung pada lingkungan deployment, mendukung baik model SaaS maupun deployment mandiri
- Menyediakan berbagai opsi instalasi seperti Docker, Kubernetes, Elestio
- Panduan instalasi dan deployment dapat dilihat di situs web resmi
Community
- Dikelola dengan berfokus pada komunitas open source, dan menyambut kontribusi desain·kode·ide
- Di forum komunitas, pengguna dapat mengajukan pertanyaan, memecahkan masalah, mengusulkan perbaikan, dan mengikuti acara
- Kategori utama: Ask the Community, Troubleshooting, Help us Improve Penpot, #MadeWithPenpot, Events and Announcements, Inside Penpot, Penpot in your language, Design and Code Essentials
- Semua peserta harus mematuhi Code of Conduct dan membantu menciptakan lingkungan yang positif dan aman
Contributing
- Proyek ini dapat didukung melalui berbagai cara
- Membuat dan membagikan library·template
- Mengundang tim dan berpartisipasi dalam komunitas
- Melaporkan bug atau mendaftarkan issue di GitHub
- Berpartisipasi dalam penerjemahan dan memberikan umpan balik
- Tersedia panduan developer dan video untuk berkontribusi pada kode Penpot
- Detail kontribusi dapat dilihat di Contributing Guide
Resources
- Menyediakan berbagai materi seperti dokumentasi, tutorial, arsitektur pengembangan, dan Dev Diaries
- Tautan tersedia untuk [Documentation], [Getting Started], [Tutorials], [Architecture], [Dev Diaries]
License
- Penpot didistribusikan di bawah Mozilla Public License 2.0 (MPL-2.0)
- Hak cipta dimiliki oleh Kaleidos Inc., dan dipublikasikan sebagai proyek open source
1 komentar
Komentar Hacker News
Saya benar-benar ingin menyukai Penpot, tetapi saat mencobanya beberapa bulan lalu ada bug di mana sebagian dokumen berubah aneh hanya karena berpindah antarhalaman
Saya tidak ingin mengambil risiko seperti itu pada dokumen penting, jadi tetap memakai Figma
Saya sempat berpikir untuk mencobanya lagi, tetapi ternyata sudah 8 bulan belum diperbaiki
Kalau memang separah itu, rasanya sulit untuk diabaikan
Penpot bukan hanya bisa self-hosting, tetapi juga punya versi hosting resmi
Paket gratis mendukung hingga 8 orang dan ruang penyimpanan 10GB
Tingkat berikutnya mendukung jumlah pengguna tak terbatas dengan batas $175 per bulan dan limit 25GB
Paket tertinggi memiliki batas $950 per bulan dan menawarkan penyimpanan tak terbatas
Di balik cerita “kami membuat versi open source dari X”, sering kali kemudian muncul versi enterprise
Sayang sekali ungkapan seperti ini terlalu umum di industri
Untuk pekerjaan elemen UI, Penpot adalah editor vektor yang paling sering saya pakai
Sederhana, dan pengelolaan unit serta layout-nya bagus
Ada rasa menyenangkan saat membuat ikon atau grafik sederhana
Sistem ekspornya juga luar biasa sehingga mudah dirapikan
Bisa dipakai untuk banyak hal selain alur aplikasi secara keseluruhan, dan mengingatkan saya pada produktivitas di masa awal Sketch
Sulit dipercaya bahwa ini open source
Jika font berbeda, desain bisa rusak di lingkungan lain
Terutama saat ekspor SVG, desain yang berisi teks bisa terlihat benar-benar berbeda
Penpot tidak stabil, dan saat bekerja dengan lebih dari 10 halaman ia sering crash
Bahkan saat dijalankan di server dengan RAM 64GB, mulai dari 5–6 halaman ia memakai memori 20GB, seluruh tim mengalami lag parah, lalu akhirnya tumbang
Penpot mengingatkan saya pada YaCy
Proyeknya hebat, tetapi pilihan bahasanya terasa disayangkan
(YaCy ditulis dalam Java, Penpot ditulis dalam Clojure)
Jika menginginkan versi desktop mandiri, Anda bisa melihat halaman rilis ini
Untuk penggunaan offline, Anda tetap harus menjalankan instance lokal dengan Docker
Meski harus menanggung performance tax dari web stack atau self-hosting, bagi saya jauh lebih penting agar file desain saya tidak terikat pada cloud tertutup
Figma memang luar biasa, tetapi sekarang sudah menjadi single point of failure bagi seluruh organisasi produk
Walaupun Penpot saat ini lambat, jika saya bisa memiliki sendiri pipeline-nya dengan
docker-compose up, saya rasa itu lebih baikPerforma bisa diperbaiki lewat kode, tetapi batasan lisensi tidak bisa diubah oleh pengguna
Sampai sekarang, hanya para web designer yang menunjukkan minat pada open source
Penpot cukup layak dipakai, tetapi pada kanvas besar ia menjadi sangat lambat
Sebaiknya jangan menaruh semuanya dalam satu kanvas
Ada juga versi desktop tidak resmi
Menurut post komunitas, latensinya lebih buruk daripada versi hosting
Saya penasaran apakah ada yang sudah pernah mencobanya
Penpot sudah pernah dibahas pertama kali di Hacker News 3 tahun lalu
Saat itu memperoleh 1145 poin dan 128 komentar