Là một người luôn tìm tòi và thực hành các khía cạnh thiết kế UI/UX bằng Figma, tôi thực sự yêu thích công cụ này. Tuy nhiên, với niềm đam mê các công cụ mã nguồn mở và chú trọng quyền riêng tư, tôi luôn băn khoăn liệu có một giải pháp mã nguồn mở thay thế Figma nào đủ mạnh mẽ không. Các công cụ UX mã nguồn mở toàn diện khá hiếm hoi, nhưng tôi đã tìm thấy một vài cái tên đáng chú ý, và Penpot chính là lựa chọn nổi bật nhất.
Penpot là một công cụ thiết kế đầy đủ tính năng, gần như phản chiếu Figma về mọi mặt. Đây là một ứng dụng dựa trên trình duyệt, hoàn toàn mở và miễn phí, với sức mạnh đáng ngạc nhiên. Tôi đã có cơ hội trải nghiệm Penpot trước đây, nhưng lần này tôi đã dành thời gian để thử nghiệm kỹ lưỡng. Mặc dù có một vài điểm khác biệt so với Figma, nhưng chúng không phải là trở ngại lớn, và trong một số trường hợp, Penpot thậm chí còn tốt hơn. Bài viết này sẽ đi sâu vào các lý do tại sao Penpot xứng đáng có một vị trí trong bộ công cụ thiết kế UI/UX của bạn.
Giao diện Penpot và các lý do nên dùng thay thế Figma, Sketch
Penpot Có Mọi Tính Năng Của Figma (Và Hơn Thế Nữa)
Penpot đối với Figma cũng giống như Photopea đối với Photoshop – một sự thay thế miễn phí nhưng đầy đủ tính năng. Ngay khi mở trình chỉnh sửa, bố cục của Penpot gần như là bản sao của Figma. Các bản nháp (Drafts), trang (Pages), lớp (Layers) và tài sản (Assets) được đặt ở 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 nguyên mẫu (prototyping) nằm ở bảng điều khiển bên phải. Thanh công cụ nằm ở phía trên, ngay giữa không gian làm việc của bạn, tương tự như Figma.
Không Tính Năng Nào Bị Khóa Sau Phí Thuê Bao
Bên cạnh bố cục quen thuộ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 tương tự như bạn sẽ 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, chức năng tạo nguyên mẫu 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 giống như trong Figma, như Action, Trigger, Destination, Animation, v.v. Tuy nhiên, hệ thống tạo nguyên mẫu của Penpot không tinh vi bằng Figma, vì các tùy chọn hoạt ảnh (animation) bị hạn chế hơn – Penpot chỉ có năm đường cong nội suy so với 13 của Figma.
Tại thời điểm này, bạn có thể tự hỏi, tại sao phải bận tâm đến Penpot nếu nó chỉ là một bản sao của Figma? Vấn đề 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ý của mình.
Biểu tượng (logo) chính thức của Penpot, công cụ thiết kế UI/UX mã nguồn mở
Nhà Phát Triển Có Thể Kiểm Tra Mã Nguồn Hoàn Toàn Miễn Phí
Miễn phí và dễ dàng cho việc bàn giao
Điểm mà Penpot thực sự vượt trội hơn Figma là ở tab Inspect tích hợp sẵn, miễn phí, cho phép nhà phát triển xem và sao chép mã nguồn. Tính năng tương đương của Figma là Dev Mode, bị khóa sau gói đăng ký. Đối với một người mới trong lĩnh vực UX và chưa sẵn sàng cam kết đăng ký Figma, đây là một tính năng cực kỳ hữu ích. Tôi có thể xem ngay lập tức các đầu ra thân thiện với CSS – vị trí, kích thước font chữ, bán kính bo góc, màu sắc, v.v.
Vì vậy, nếu 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 làm cho Penpot dễ tiếp cận hơn đối với 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 một Dev Mode trả phí.
Thiết kế một nguyên mẫu trang web trong Figma
Không Phụ Thuộc Nhiều Vào Plugin, Các Plugin Cần Thiết Đều Miễn Phí
Tích hợp sẵn những gì quan trọng nhất
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 quan trọng đối với quy trình làm việc thiết kế như trong Figma (hơn nữa, tất cả chúng đều miễn phí). Penpot áp dụng cách tiếp cận ưu tiên các tính năng cốt lõi, tích hợp tất cả những yếu tố thiết yếu ngay vào ứng dụng.
Ví dụ điển hình nhất là Tokens. Bạn không cần phải xử lý các token của mình thông qua các công cụ của 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. Tương đương trong Figma là việc tìm kiếm và cài đặt plugin phù hợp để xử lý các token của bạn, 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 đó đều miễn phí.
Tôi cũng đã sử dụng plugin Aspect Ratio miễn phí trong Penpot để giúp điều chỉnh tỷ lệ của một số khung (frames) của mình. Plugin này hoàn toàn miễn phí mà không có bất kỳ cấp độ trả phí hoặc tính năng bị khóa nào.
Trang đăng ký Penpot chào mừng người dùng mới tham gia nền tảng
Khả Năng Tự Host (Self-Host) Mang Lại Quyền Kiểm Soát Tối Ưu
Toàn quyền riêng tư và cấu hình ứng dụng của riêng bạn
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 thực sự đã tự host Penpot khi lần đầu tiên thử nghiệm ứng dụng này. Lúc đó tôi đã sử dụng Elestio vì nó xử lý toàn bộ quá trình cài đặt cho tôi, nhưng sau đó đã chuyển sang Docker để tự host. Dù bằng cách nào, việc tự host ứng dụng thiết kế của bạn mang lại một lớp bảo mật và riêng tư bổ sung, nếu đó là mối quan tâm của bạn. Nó cũng cho phép bạn kiểm soát tốt hơn các cấu hình của ứng dụng.
Đối với bất kỳ ai muốn toàn quyền kiểm soát 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 trong nội bộ vì lý do pháp lý và bảo mật. Bạn không 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 mang đến cho bạn sự lựa chọn này.
Hướng dẫn tự host Penpot và các tùy chọn trên tài liệu chính thức của Penpot
Giao diện trang web Penpot và Elestio được hiển thị trên máy tính để bàn
Hỗ Trợ Đa Ngôn Ngữ Tốt Hơn, Tăng Tính Tiếp Cận
Tối ưu hóa trải nghiệm người dùng toàn cầu
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. Figma chỉ có sáu ngôn ngữ trong ứng dụng và yêu cầu bạn cài đặt 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 cả khi tôi đang 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. Đó là một điều tưởng chừng nhỏ nhặt, nhưng lại 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 bao trùm và dễ tiếp cận hơn nhờ thiết kế.
Tùy chọn lựa chọn ngôn ngữ trong cài đặt của Penpot
Kết Luận: Penpot Xứng Đáng Có Một Vị Trí Trong Bộ Công Cụ Của Bạn
Việc thử nghiệm Penpot không có nghĩa là tôi từ bỏ Figma hoàn toàn; 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ý. Penpot đã mang lại cho tôi một góc nhìn mới 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 bị giới hạn trong các nền tảng lớn hoặc phần mềm đắt tiền.
Nếu bạn đang tìm kiếm một công cụ thiết kế UI/UX miễn phí, mạnh mẽ và đề cao quyền riêng tư, Penpot chắc chắn là một lựa chọn không thể bỏ qua. Hãy tự mình trải nghiệm Penpot và khám phá tiềm năng của nó! Đừng ngần ngại để lại bình luận hoặc chia sẻ trải nghiệm của bạn với Penpot bên dưới.