Trong quá trình tìm hiểu và thực hành thiết kế UI/UX, Figma đã trở thành một công cụ không thể thiếu đối với nhiều người, bao gồm cả tôi. Tuy nhiên, với niềm đam mê dành cho các công cụ mã nguồn mở và chú trọng quyền riêng tư, một câu hỏi luôn hiện hữu: liệu có một lựa chọn thay thế Figma nào đủ mạnh mẽ, mã nguồn mở và đáng tin cậy không? Các công cụ UX mã nguồn mở toàn diện khá hiếm hoi, nhưng sau nhiều tìm kiếm, Penpot đã nổi lên như một ứng cử viên sáng giá, một giải pháp thiết kế UI/UX mã nguồn mở gần như hoàn hảo.
Penpot là một công cụ thiết kế toàn diện, hoạt động trên nền tảng trình duyệt, hoàn toàn miễn phí và mã nguồn mở, 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 để khám phá sâu hơn. Mặc dù có một số khác biệt nhỏ 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 còn mang lại những lợi ích vượt trội hơn. Bài viết này sẽ đi sâu vào những lý do tại sao Penpot xứng đáng có một vị trí trong bộ công cụ của bất kỳ nhà thiết kế hoặc nhà phát triển nào đang tìm kiếm một công cụ thiết kế miễn phí và mạnh mẽ.
Giao diện Penpot và Figma tương đồng giúp người dùng dễ dàng chuyển đổi
Penpot sở hữu đầy đủ tính năng cốt lõi như Figma
Ngay từ cái nhìn đầu tiên khi mở trình chỉnh sửa, bố cục của Penpot đã phản chiếu một cách rõ ràng giao diện quen thuộc của Figma. Các bản nháp (drafts), trang (pages), lớp (layers) và tài sản (assets) được bố trí ở 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ế, 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 ngay trung tâm không gian làm việc của bạn. Sự tương đồng này giúp người dùng chuyển đổi từ Figma sang Penpot một cách dễ dàng.
Vượt ra 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ư các công cụ Move, Frame, Rectangle, Ellipse, Path và Draw. Mỗi công cụ này đều có các thuộc tính chỉnh sửa tương tự như bạn tìm thấy trong Figma. Ví dụ, công cụ Frame có các thuộc tính như Position, Layout, Stroke, v.v. Rectangle có Fill và Blur. Và công cụ Text cũng đ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 giống 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ới các tùy chọn hoạt ảnh (animation) được đơn giản hóa hơn – chỉ có 5 đường cong nội suy (interpolation curves) trong Penpot so với 13 trong Figma. Mặc dù vậy, điều đáng chú ý là Penpot cung cấp quyền truy cập vào nhiều tính năng mà Figma giới hạn sau các gói đăng ký trả phí.
Biểu tượng Penpot trên nền đen tối giản, thể hiện sự chuyên nghiệp của công cụ mã nguồn mở
Nhà phát triển có thể kiểm tra mã nguồn miễn phí
Điểm mà Penpot thực sự nổi bật so với Figma là tính năng Inspect tab được tích hợp sẵn và hoàn toàn miễn phí. Tính năng này cho phép các nhà phát triển xem và sao chép mã nguồn một cách dễ dàng. Trong Figma, tính năng tương đương là Dev Mode, lại bị khóa sau các gói đăng ký trả phí. Với một người mới trong lĩnh vực UX và chưa sẵn sàng cam kết với một gói đăng ký Figma, đây là một lợi ích 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 font chữ, bán kính bo góc (border radius), màu sắc, v.v.
Điều này có nghĩa là 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ế. Penpot tăng cường khả năng tiếp cậ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 một tính năng trả phí.
Giao diện thiết kế và prototype website, minh họa quy trình làm việc giữa nhà thiết kế và nhà phát triển
Không phụ thuộc nhiều vào plugin, tính năng cốt lõi được tích hợp
Trong khi Penpot vẫn cung cấp các plugin để mở rộng chức năng ứng dụng, chúng không đóng vai trò quan trọng trong 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 theo đuổi cách tiếp cận “core-first” (tính năng cốt lõi là ưu tiên), 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 là Tokens. Không cần phải quản lý tokens 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 ở bảng điều khiển bên trái. Trong Figma, bạn sẽ phải tìm kiếm và cài đặt plugin thích hợp để quản lý tokens, 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 miễn phí Aspect Ratio trong Penpot để giúp đ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í để sử dụng mà không có bất kỳ cấp độ trả phí hay tính năng bị khóa nào.
Trang đăng ký Penpot, thể hiện sự dễ dàng truy cập vào nền tảng thiết kế mã nguồn mở
Khả năng tự host (Self-host) mang lại quyền kiểm soát tối đa
Một trong những khác biệt lớn nhất và nổi bật nhất của Penpot là khả năng tự host (self-host). Tôi đã tự host Penpot khi lần đầu thử nghiệm ứng dụng này. Thời điểm đó, tôi sử dụng Elestio vì nó xử lý toàn bộ quá trình thiết lập, 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ế mang lại cho bạn một lớp bảo mật và quyền riêng tư bổ sung, nếu đó là một 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 kiểm soát hoàn toàn dữ liệu của mình, Penpot là lựa chọn chiến thắng rõ ràng so với Figma. Điều này 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 bắt buộc 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 lại cho người dùng sự lựa chọn này.
Hướng dẫn và tùy chọn tự host Penpot trên tài liệu chính thức, nhấn mạnh tính linh hoạt
Penpot và Elestio được hiển thị trên máy tính, minh họa việc tự host ứng dụng thiết kế
Hỗ trợ đa ngôn ngữ vượt trội, tăng tính tiếp cận
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 các tùy chọn khác. Cộng đồng của Penpot cũng đang tiếp tục dịch công cụ này, ngay cả trong thời điểm tôi đang viết bài, để mở rộng hỗ trợ ngôn ngữ hơn nữa.
Tôi có thể nói rằng đây là đỉnh cao của việc cải thiện trải nghiệm người dùng. Đó là một điều tưởng chừng nhỏ bé 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 toàn diện và dễ tiếp cận hơn ngay từ khi được thiết kế.
Tùy chọn chọn ngôn ngữ trong cài đặt Penpot, cho thấy khả năng hỗ trợ đa ngôn ngữ
Trang đăng ký Penpot, thể hiện sự dễ dàng truy cập vào nền tảng thiết kế mã nguồn mở
Kết luận: Penpot – Một bổ sung giá trị cho bộ công cụ thiết kế của bạn
Việc khám phá Penpot không có nghĩa là tôi từ bỏ Figma hoàn toàn, mà chỉ đơn giản là tôi muốn thử một lựa chọn mã nguồn mở. Và những gì tôi tìm 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. Không chỉ cung cấp các tính năng và công cụ tương tự như Figma, mà nó còn cho phép bạn truy cập vào các tính năng mà Figma khóa sau các gói đăng ký.
Penpot đã mang đến 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 giới hạn ở các nền tảng lớn hoặc phần mềm đắt tiền. Với tư cách là một giải pháp thay thế Figma miễn phí và mã nguồn mở, Penpot chắc chắn là một công cụ đáng để bạn trải nghiệm và có thể trở thành một phần không thể thiếu trong quy trình làm việc thiết kế UI/UX của bạn. Hãy thử Penpot ngay hôm nay và chia sẻ trải nghiệm của bạn với 360congnghe.com nhé!