15 điểm bởi GN⁺ 2024-05-02 | 4 bình luận | Chia sẻ qua WhatsApp
  • Penpot là công cụ thiết kế mã nguồn mở chạy trên nền web, giúp thu hẹp khoảng cách giữa nhà thiết kế và lập trình viên
  • Có thể đăng ký miễn phí, đồng thời hỗ trợ cài đặt tự lưu trữ
  • Trong bản phát hành 2.0, đã bổ sung các tính năng như bố cục Grid CSS, hệ thống component mới, hoán đổi component, tạo mã HTML, v.v.

Công cụ thiết kế mạnh mẽ

  • Thiết kế giao diện
    • Hỗ trợ layout linh hoạt, design system, font tùy chỉnh
  • Prototyping
    • Tính năng luồng tương tác, interaction, transition
  • Phản hồi và chia sẻ
    • Tất cả các bên liên quan đều có thể tham gia
  • Kiểm tra mã
    • Cung cấp thông số kỹ thuật, CSS, HTML/SVG markup

Cộng tác thực tế giữa thiết kế và mã nguồn

  • Penpot biểu diễn thiết kế một cách native bằng CSS, SVG, HTML
  • Lập trình viên có thể làm việc trực tiếp ngay trong giao diện
  • Toàn bộ nhóm có thể tận hưởng một quy trình làm việc liền mạch
  • Không còn cần quy trình bàn giao nữa

Tiêu chuẩn mở và mã nguồn mở

  • Dù quy mô nhóm lớn hay nhỏ, bạn vẫn có thể sở hữu hoàn toàn sản phẩm đầu ra và công cụ cho mọi dự án hiện tại hoặc tương lai
  • Tính linh hoạt của API và webhook
    • Có thể tích hợp Penpot với chuỗi công cụ phát triển hiện có, bất kể dùng trên trình duyệt hay instance riêng tư

Cộng đồng

  • Thư viện và mẫu
    • Có thể tạo nhiều loại template hoặc library khác nhau, chia sẻ hoặc tải xuống để dùng cho dự án Penpot
  • Đóng góp
    • Có thể hỗ trợ lẫn nhau thông qua mã nguồn, ý tưởng thiết kế, thư viện, mẫu, tích hợp, tutorial, v.v.
  • Penpot Fest
    • Hội nghị nơi các nhà thiết kế và lập trình viên cùng tụ họp để xây dựng sự cộng tác không rào cản

Ý kiến của GN⁺

  • Penpot là công cụ giúp việc cộng tác giữa nhà thiết kế và lập trình viên trở nên trơn tru hơn, với ưu điểm là biểu diễn các yếu tố thiết kế bằng các tiêu chuẩn web như CSS, SVG, HTML để có thể sử dụng ngay trong quá trình phát triển mà không cần thêm bước xử lý riêng. Nhờ đó, quá trình chuyển từ thiết kế sang phát triển có thể sẽ mượt mà hơn.
  • Các công cụ tương tự hiện có gồm Figma, Sketch, Adobe XD, nhưng Penpot khác biệt ở chỗ là mã nguồn mở. Vì mã nguồn được công khai nên bất kỳ ai cũng có thể bổ sung hoặc chỉnh sửa tính năng, đồng thời có thể tự lưu trữ nên phù hợp với các doanh nghiệp coi trọng bảo mật.
  • Tuy vậy, vì vẫn là một dự án còn mới nên về độ ổn định hay hiệu năng, nó có thể vẫn kém hơn các công cụ hiện có. Ngoài ra, cũng có hạn chế là không thể dùng nguyên hệ sinh thái hay plugin của các công cụ hiện tại.
  • Nhìn chung, với các tổ chức tập trung vào phát triển web, ưu điểm của Penpot về khả năng liên kết chặt chẽ với quy trình phát triển sẽ nổi bật; tuy nhiên trong cộng tác thiết kế nói chung, có lẽ vẫn khó thay thế ngay các công cụ hiện có. Dù vậy, về dài hạn đây là dự án đáng kỳ vọng nhờ tiềm năng phát triển tận dụng các lợi thế của mã nguồn mở.

4 bình luận

 
biyott 2024-10-31

Khi dùng thử, tôi thấy khá tiếc vì hỗ trợ tiếng Hàn chưa tốt. (khi nhập rồi lưu thì xảy ra lỗi trang hoặc lỗi ký tự, v.v.)
Có vẻ chỉ hoạt động ổn trên PC, và vẫn chưa được tính đến cho thiết bị di động hoặc máy tính bảng dưới dạng viewer.
Nếu không phải là trường hợp dùng trên PC với tiếng Anh là chính thì có lẽ hiện tại vẫn còn quá sớm.

 
rabolution 2024-05-04

penpot được tạo bằng Clojure. Languages Clojure 71.7%

 
xguru 2024-05-04

Penpot - công cụ cộng tác thiết kế & tạo mẫu mã nguồn mở
Penpot, lựa chọn thay thế Figma mã nguồn mở, nhận đầu tư $8M

Vào thời điểm Figma đang trong quá trình được Adobe mua lại, Penpot cũng đã nhận được đầu tư, nhưng khi thương vụ mua lại Figma đổ bể thì tình hình có phần trở nên khá mơ hồ.
Lần này ra mắt 2.0 nên mọi thứ có vẻ đã tốt hơn khá nhiều. Đánh giá cho rằng khả năng tạo mã của nó còn tốt hơn Figma là điểm khá đáng chú ý.

 
GN⁺ 2024-05-02
Ý kiến trên Hacker News

Tóm tắt:

  • Công cụ thiết kế mã nguồn mở khó có thể thay thế các công cụ thiết kế thương mại, vì các công cụ thương mại đã được cải thiện UX và hiệu năng trong thời gian dài.
  • Có vẻ lý do Figma có hiệu năng tốt là nhờ trình kết xuất tùy chỉnh dựa trên WebGL. Penpot thì dựa trên React, nên khá tò mò về so sánh hiệu năng.
  • Sau khi thương vụ Adobe mua lại được công bố, đã có lúc chuyển tạm sang Penpot, nhưng rồi quay lại vì đường cong học tập do những khác biệt nhỏ và vì nhớ các ưu điểm của Figma. Sau khi thương vụ đổ vỡ, quyết định tiếp tục ở lại với Figma.
  • Sự tồn tại của Penpot tự nó đã đóng vai trò kiềm chế việc Figma tăng giá.
  • Lunacy là miễn phí, không cần đăng nhập và cung cấp ứng dụng native cho Linux.
  • Công cụ và framework thì đang phát triển, nhưng UX web thực tế lại đang tệ đi. Từ sau thời kỳ ứng dụng web, thứ chủ yếu học được chỉ là "chờ đợi".
  • Có ý kiến cho rằng Penpot làm tính năng sinh mã tốt hơn. Có vẻ hữu ích trong trường hợp cần nhiều trang đồ họa tùy chỉnh và cần code/hàm.
  • Khó tìm được giấy phép của Penpot.
  • Cả client lẫn server của Penpot đều chậm và kém hiệu quả. Có vẻ cần viết lại frontend bằng WASM + WebGL.
  • Không hiểu vì sao Figma lại được quan tâm đến vậy. Nếu không thể tạo ra các mẫu HTML và CSS có thể tái sử dụng, thì đó chỉ là công cụ dành cho nhà thiết kế và thậm chí có thể khiến cuộc sống của lập trình viên khó khăn hơn.