- Penpot là công cụ thiết kế và tạo prototype mã nguồn mở để nhà thiết kế và lập trình viên cùng sử dụng, được cung cấp dưới dạng chạy trên trình duyệt hoặc tự host
- Dựa trên các tiêu chuẩn mở như SVG, CSS, HTML, JSON, đồng thời bao gồm các tính năng hiện đại như design token, hệ thống component, CSS Grid Layout
- Có thể tích hợp với ứng dụng bên ngoài thông qua hệ thống plugin và API·webhook, đồng thời hỗ trợ xem ngay mã có thể dùng trực tiếp bằng chế độ Inspect
- Là dự án lấy cộng đồng làm trung tâm, cung cấp nhiều cách đóng góp như chia sẻ thư viện·template, báo lỗi, tham gia dịch thuật
- Được phát hành theo Mozilla Public License 2.0, góp phần mở rộng hệ sinh thái mã nguồn mở giúp nâng cao hiệu quả cộng tác giữa thiết kế và phát triển
Tổng quan về Penpot
- Penpot là công cụ thiết kế mã nguồn mở đầu tiên dành cho cộng tác giữa thiết kế và code, cho phép nhà thiết kế tạo prototype tương tác và hệ thống thiết kế, còn lập trình viên có thể sử dụng ngay mã sẵn sàng triển khai
- Có thể dùng trực tiếp trên trình duyệt hoặc cài đặt trên máy chủ riêng
- Được cung cấp miễn phí, dựa trên các công nghệ tiêu chuẩn như SVG·CSS·HTML·JSON
- Ở phiên bản mới nhất, design token được tích hợp native để hỗ trợ cộng tác hiệu quả giữa thiết kế và phát triển
- Bản phát hành 2.0 bao gồm các cập nhật lớn như CSS Grid Layout, làm mới toàn diện UI, hệ thống component mới
- Các tổ chức cần thêm dịch vụ cho quy mô nhóm có thể liên hệ riêng
- Hằng năm tổ chức sự kiện Penpot Fest để giao lưu với cộng đồng thiết kế mã nguồn mở
Why Penpot
- Penpot biểu đạt thiết kế dưới dạng code, từ đó cho phép cộng tác hai chiều giữa nhà thiết kế và lập trình viên
- Hỗ trợ mở rộng tính năng và tích hợp ứng dụng bên ngoài thông qua hệ thống plugin
- Với cấu trúc thân thiện với lập trình viên, có thể chọn cộng tác thời gian thực hoặc làm việc độc lập
- Trong chế độ Inspect, có thể xem ngay mã SVG·CSS·HTML sẵn sàng sử dụng
- Với khả năng tự host, tổ chức có thể xây dựng môi trường cộng tác do mình sở hữu hoàn toàn
- Tích hợp với toolchain phát triển thông qua API và webhook
- Xây dựng hệ thống UI nhất quán bằng design token·component·Variants
Getting Started
- Penpot là nền tảng thiết kế·prototype duy nhất không bị ràng buộc bởi môi trường triển khai, hỗ trợ cả SaaS lẫn tự triển khai
- Cung cấp nhiều tùy chọn cài đặt như Docker, Kubernetes, Elestio
- Có thể xem hướng dẫn cài đặt và triển khai trên website chính thức
Community
- Được vận hành xoay quanh cộng đồng mã nguồn mở và hoan nghênh đóng góp về thiết kế·code·ý tưởng
- Trên diễn đàn cộng đồng có thể đặt câu hỏi, giải quyết vấn đề, đề xuất cải tiến và tham gia sự kiện
- Các danh mục chính: Ask the Community, Troubleshooting, Help us Improve Penpot, #MadeWithPenpot, Events and Announcements, Inside Penpot, Penpot in your language, Design and Code Essentials
- Tất cả người tham gia phải tuân thủ Code of Conduct để cùng xây dựng môi trường tích cực và an toàn
Contributing
- Có thể đóng góp cho dự án theo nhiều cách khác nhau
- Tạo và chia sẻ thư viện·template
- Mời nhóm tham gia và tham gia cộng đồng
- Báo lỗi hoặc đăng issue trên GitHub
- Tham gia dịch thuật và gửi phản hồi
- Cung cấp hướng dẫn và video cho lập trình viên muốn đóng góp code cho Penpot
- Có thể xem chi tiết liên quan đến đóng góp trong Contributing Guide
Resources
- Cung cấp nhiều tài liệu như tài liệu hướng dẫn, tutorial, kiến trúc phát triển, Dev Diaries
- Có các liên kết [Documentation], [Getting Started], [Tutorials], [Architecture], [Dev Diaries]
License
- Penpot được phát hành theo Mozilla Public License 2.0 (MPL-2.0)
- Bản quyền thuộc về Kaleidos Inc. và được công khai như một dự án mã nguồn mở
1 bình luận
Ý kiến trên Hacker News
Tôi rất muốn thích Penpot, nhưng khi dùng thử vài tháng trước, chỉ riêng việc chuyển giữa các trang cũng đã có lỗi khiến một phần tài liệu bị biến dạng kỳ lạ
Tôi không muốn chấp nhận rủi ro như vậy với tài liệu quan trọng nên đã tiếp tục dùng Figma
Giờ định thử lại, nhưng hóa ra đã 8 tháng mà vẫn y nguyên
Nếu là vấn đề nghiêm trọng đến thế thì chắc khó mà bị bỏ qua
Penpot không chỉ có thể self-hosting, mà còn có bản host chính thức
Gói miễn phí hỗ trợ tối đa 8 người, dung lượng lưu trữ 10GB
Bậc tiếp theo là không giới hạn số người với mức trần $175/tháng, giới hạn 25GB
Gói cao nhất có mức trần $950/tháng và cung cấp lưu trữ không giới hạn
Đằng sau câu chuyện “chúng tôi tạo ra phiên bản X mã nguồn mở” thường sẽ xuất hiện phiên bản enterprise
Thật đáng tiếc khi kiểu diễn đạt này quá phổ biến trong ngành
Khi làm các thành phần UI, Penpot là trình biên tập vector tôi dùng thường xuyên nhất
Nó đơn giản, quản lý đơn vị và bố cục tốt
Khi tạo icon hay đồ họa đơn giản, dùng khá thú vị
Hệ thống export cũng rất tốt nên dễ sắp xếp
Ngoài toàn bộ flow của ứng dụng, nó còn dùng được cho nhiều mục đích khác và gợi nhớ đến năng suất của thời kỳ đầu Sketch
Khó tin đây lại là mã nguồn mở
Nếu font khác đi thì thiết kế có thể bị vỡ ở môi trường khác
Đặc biệt khi export SVG, các thiết kế có chứa văn bản có thể trông hoàn toàn khác
Penpot không ổn định, và khi làm việc với hơn 10 trang thì crash thường xuyên
Ngay cả khi chạy trên máy chủ 64GB RAM, từ khoảng trang 5~6 nó đã dùng 20GB bộ nhớ, cả nhóm gặp lag nghiêm trọng rồi cuối cùng bị sập
Penpot khiến tôi nhớ đến YaCy
Dự án thì rất tuyệt, nhưng lựa chọn ngôn ngữ lại hơi đáng tiếc
(YaCy được viết bằng Java, Penpot được viết bằng Clojure)
Nếu muốn một phiên bản desktop độc lập, bạn có thể xem trang phát hành này
Để dùng offline, bạn phải chạy một instance cục bộ bằng Docker
Tôi coi việc các file thiết kế của mình không bị trói trong đám mây đóng còn quan trọng hơn, ngay cả khi phải chấp nhận performance tax của web stack hay self-hosting
Figma rất tuyệt, nhưng giờ nó đã trở thành điểm lỗi đơn lẻ của cả tổ chức sản phẩm
Dù Penpot hiện còn chậm, nếu tôi có thể tự sở hữu pipeline của mình bằng
docker-compose upthì tôi vẫn thấy tốt hơnHiệu năng có thể cải thiện bằng code, nhưng ràng buộc giấy phép thì người dùng không thể thay đổi
Cho đến giờ, chủ yếu chỉ các web designer mới quan tâm đến mã nguồn mở
Penpot khá dùng được, nhưng trên canvas lớn thì rất chậm
Tốt hơn là đừng nhét mọi thứ vào một canvas duy nhất
Cũng có phiên bản desktop không chính thức
Theo bài đăng cộng đồng, nó độ trễ cao hơn bản host
Tôi muốn biết có ai đã dùng thử chưa
Penpot đã từng được thảo luận lần đầu trên Hacker News từ 3 năm trước
Khi đó bài viết đạt 1145 điểm và có 128 bình luận