Trong hành trình khám phá và thực hành thiết kế UI/UX, Figma luôn là công cụ mà tôi vô cùng yêu thích và sử dụng thường xuyên. Tuy nhiên, với niềm đam mê đặc biệt dành cho các công cụ mã nguồn mở và đề cao quyền riêng tư, tôi luôn tự hỏi liệu có một giải pháp thay thế Figma nào đủ mạnh mẽ, đáng tin cậy và không bị hạn chế bởi các rào cản tài chính? Mặc dù các công cụ UX mã nguồn mở toàn diện không nhiều, nhưng trong quá trình tìm kiếm, tôi đã phát hiện ra một vài cái tên nổi bật.
Trong số đó, Penpot thực sự là một lựa chọn xuất sắc. Đây là một công cụ thiết kế đầy đủ tính năng, gần như phản ánh toàn bộ những gì Figma mang lại. Penpot là một ứng dụng nền web, hoàn toàn mở và miễn phí, nhưng lại sở hữu sức mạnh đáng ngạc nhiên. Tôi đã từng trải nghiệm Penpot trước đây, nhưng lần này tôi quyết định dành thời gian tìm hiểu sâu hơn. Dù có một số khác biệt chính so với Figma, nhưng chúng không phải là trở ngại lớn, và trong nhiều trường hợp, Penpot thậm chí còn vượt trội hơn.
Penpot sở hữu mọi tính năng của Figma – và không có gì bị khóa trả phí
Penpot có thể xem là Photopea đối với Photoshop, nhưng là Penpot đối với Figma. Ngay khi mở trình chỉnh sửa, bạn sẽ nhận thấy bố cục của Penpot phản chiếu gần như hoàn toàn của Figma. Các bản nháp, trang, lớp và tài sản của bạn nằm ở bảng điều khiển bên trái. Tất cả các chức năng và thuộc tính thiết kế, tạo prototype đều nằm ở bảng điều khiển bên phải. Thanh công cụ được đặt ở phía trên thay vì phía dưới, nhưng vẫn nằm ở trung tâm không gian làm việc của bạn.
Ngoài bố cục, bộ công cụ của Penpot bao gồm mọi thứ bạn cần để tạo một thiết kế, chẳng hạn như Move, Frame, Rectangle, Ellipse, Path và Draw. Mỗi công cụ này đều có các thuộc tính có thể chỉnh sửa gần như tương tự như những gì bạn tìm thấy trong Figma. Ví dụ, Frame có Position, Layout, Stroke, v.v. Rectangle có Fill và Blur. Và Text đi kèm với tất cả các cài đặt typography tiêu chuẩn.
Hơn nữa, tính năng tạo prototype trong Penpot cũng hoạt động tương tự. Bạn có thể thêm và tùy chỉnh các tương tác trên tất cả các thuộc tính tương tự như trong Figma, bao gồm Action, Trigger, Destination, Animation, v.v. Tuy nhiên, hệ thống prototype của Penpot không tinh vi bằng Figma, vì các tùy chọn hoạt ảnh còn hạn chế – Penpot chỉ có năm đường cong nội suy so với 13 trong Figma.
Đến đây, bạn có thể tự hỏi, tại sao lại bận tâm đến Penpot nếu nó chỉ là một bản sao của Figma? Vâng, điểm khác biệt chính là Penpot cho phép bạn truy cập vào các tính năng mà Figma khóa sau gói đăng ký trả phí của họ.
Logo Penpot – Giải pháp thiết kế UI/UX mã nguồn mở miễn phí
Nhà phát triển có thể kiểm tra mã nguồn miễn phí
Điểm mà Penpot thực sự vượt trội hơn Figma nằm ở tab Inspect tích hợp sẵn và miễn phí của nó. Tính năng này cho phép các nhà phát triển xem và sao chép mã. Tính năng tương đương của Figma là Dev Mode, nhưng lại bị khóa sau gói đăng ký. Là một người mới trong lĩnh vực UX và chưa sẵn sàng cam kết với gói đăng ký Figma, đây là một tính năng vô cùng hữu ích. Tôi có thể ngay lập tức xem đầu ra thân thiện với CSS – vị trí, kích thước phông chữ, bán kính bo góc, màu sắc, v.v.
Vì vậy, nếu tôi làm việc với một nhà phát triển, tôi chỉ cần gửi cho họ tệp thiết kế. Điều này tự thân đã khiến Penpot trở nên dễ tiếp cận hơn cho các nhóm và cộng tác viên, vì việc bàn giao không bị ràng buộc bởi Dev Mode trả phí.
Ít phụ thuộc vào Plugin và Plugin đều miễn phí
Mặc dù Penpot có cung cấp các plugin để mở rộng chức năng của ứng dụng, nhưng chúng không đóng vai trò quan trọng trong quy trình thiết kế như ở Figma (hơn nữa, tất cả đều miễn phí). Penpot đi theo hướng tiếp cận “core-first”, tích hợp tất cả các yếu tố cần thiết ngay vào ứng dụng.
Ví dụ điển hình nhất cho điều này là Tokens. Không cần phải xử lý các token của bạn thông qua các công cụ bên thứ ba; chúng có thể truy cập ngay bên cạnh các lớp và tài sản của bạn trong bảng điều khiển bên trái. Trong khi đó, tính năng tương đương của Figma yêu cầu bạn phải tìm kiếm và cài đặt plugin phù hợp để xử lý token, chẳng hạn như Tokens Studio For Figma, và không phải tất cả các tính năng của plugin này đều miễn phí.
Tôi cũng đã sử dụng plugin Aspect Ratio miễn phí trong Penpot để điều chỉnh tỷ lệ của một số khung thiết kế của mình. Plugin này hoàn toàn miễn phí, không có các gói trả phí hay tính năng bị khóa.
Khả năng tự host (Self-hostable)
Một trong những điểm khác biệt hàng đầu và nổi bật nhất của Penpot là khả năng tự host. Tôi đã tự host Penpot khi lần đầu thử nghiệm ứng dụng này. Lúc đó, tôi dùng Elestio vì nó xử lý toàn bộ quá trình cài đặt, nhưng sau đó đã chuyển sang Docker để tự host. Dù bằng cách nào, việc tự host các ứng dụng thiết kế của bạn sẽ mang lại thêm một lớp quyền riêng tư, nếu đó là mối quan tâm của bạn. Nó cũng giúp bạn kiểm soát tốt hơn các cấu hình của ứng dụng.
Hướng dẫn và tùy chọn tự host Penpot trên tài liệu chính thức
Đối với bất kỳ ai muốn kiểm soát hoàn toàn dữ liệu của mình, Penpot là người chiến thắng rõ ràng so với Figma. Nó cũng mở ra nhiều khả năng cho các nhóm và công ty muốn giữ các giao diện và thiết kế nhạy cảm nội bộ vì lý do pháp lý và bảo mật. Bạn không nhất thiết phải làm việc trong một hệ sinh thái đám mây, nhưng vẫn có tùy chọn sử dụng nó trên đám mây — tôi thực sự yêu thích một ứng dụng cho bạn sự lựa chọn này.
Hỗ trợ đa ngôn ngữ vượt trội
Penpot có giao diện đa ngôn ngữ và cho phép bạn chọn từ hơn 30 ngôn ngữ ngay trong ứng dụng. Trong khi đó, Figma chỉ có sáu ngôn ngữ tích hợp sẵn và yêu cầu bạn cài đặt các plugin để có thêm tùy chọn. Cộng đồng của Penpot cũng đang tiếp tục dịch công cụ này, ngay tại thời điểm tôi viết bài, để mở rộng hỗ trợ ngôn ngữ hơn nữa. Tôi cho rằng đây là đỉnh cao của việc cải thiện trải nghiệm lấy người dùng làm trung tâm. Dù có vẻ là một chi tiết nhỏ, nhưng nó tạo ra sự khác biệt lớn, và là một ví dụ điển hình về cách các công cụ mã nguồn mở có thể trở nên toàn diện và dễ tiếp cận hơn ngay từ khi thiết kế.
Lựa chọn ngôn ngữ trong cài đặt Penpot với hơn 30 tùy chọn
Tôi sẽ giữ Penpot trong bộ công cụ của mình
Việc thử nghiệm Penpot không có nghĩa là tôi từ bỏ Figma, tôi chỉ muốn thử một lựa chọn mã nguồn mở. Và điều tôi nhận thấy là Penpot thực sự là một công cụ mạnh mẽ và được xây dựng một cách chu đáo. Nó không chỉ cung cấp các tính năng và công cụ tương tự như Figma mà còn cho phép bạn truy cập vào các tính năng mà Figma khóa sau gói đăng ký của họ. Penpot đã mang lại cho tôi một góc nhìn mới mẻ về các công cụ thiết kế và cho thấy rằng UX tuyệt vời không nhất thiết phải giới hạn ở các nền tảng lớn hay phần mềm đắt tiền.
Hãy chia sẻ suy nghĩ và trải nghiệm của bạn với Penpot hoặc các công cụ thiết kế mã nguồn mở khác trong phần bình luận bên dưới nhé!
