Trong quá trình học hỏi và thực hành thiết kế UI/UX, Figma đã trở thành một công cụ quen thuộc và được yêu thích bởi rất nhiều người dùng. Tuy nhiên, với xu hướng ngày càng tăng về các công cụ mã nguồn mở và tập trung vào quyền riêng tư, nhiều người đã đặt ra câu hỏi: liệu có một lựa chọn thay thế Figma nào đủ mạnh mẽ, hoạt động trên nền tảng mã nguồn mở và miễn phí? Câu trả lời là có, và Penpot chính là cái tên nổi bật.
Các công cụ UX mã nguồn mở toàn diện khá hiếm hoi, nhưng Penpot đã thực sự tỏa sáng như một giải pháp thiết kế đầy đủ tính năng, gần như phản ánh hoàn toàn những gì Figma cung cấp. Đây là một ứng dụng chạy 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. Sau khi trải nghiệm Penpot một cách nghiêm túc, tôi nhận thấy có một vài 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 một số trường hợp, chúng thậm chí còn tốt hơn.
Màn hình giao diện Penpot hiển thị các tính năng thiết kế UI/UX so sánh với Figma và Sketch
Penpot Cung Cấp Mọi Tính Năng Như Figma, Hoàn Toàn Miễn Phí
Điều đáng kinh ngạc là Penpot có tất cả những tính năng cần thiết của một công cụ thiết kế hiện đại, mà không hề khóa bất kỳ chức năng nào sau các gói trả phí. Nó tương tự như cách Photopea là một lựa chọn thay thế miễn phí cho Photoshop vậy.
Giao diện và Bộ công cụ quen thuộc
Ngay khi mở trình chỉnh sửa, bố cục của Penpot gần như là một bản sao của Figma. Các bản nháp (drafts), trang (pages), lớp (layers) và tài sản (assets) đều 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ế, prototyping đều ở 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.
Bên cạnh bố cục, bộ công cụ của Penpot bao gồm mọi thứ bạn cần để tạo ra 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 giống như những gì bạn sẽ tìm thấy trong Figma. Ví dụ, công cụ Frame có các thiết lập như Position, Layout, Stroke, v.v. Rectangle có Fill và Blur. Và công cụ Text đi kèm với tất cả các cài đặt typography tiêu chuẩn.
Khả năng tạo prototype mạnh mẽ
Hơn nữa, tính năng prototyping 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ì các tùy chọn hoạt ảnh bị giảm bớt – Penpot chỉ có năm đường cong nội suy (interpolation curves) so với mười ba của Figma.
Logo chính thức của Penpot, biểu tượng cho công cụ thiết kế UI/UX mã nguồn mở
Chế Độ “Inspect” Miễn Phí – Lợi Thế Lớn Cho Nhà Phát Triển
Điểm mà Penpot thực sự vượt trội hơn Figma chính là tab Inspect miễn phí, được tích hợp sẵn, 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ý trả phí. Đối với những người mới tham gia vào lĩnh vực UX và chưa sẵn sàng cam kết với gói thuê bao 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 font, bán kính viền, 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 tự nhiên khiến Penpot dễ tiếp cận hơn cho các nhóm và cộng tác viên, vì quá trình bàn giao không bị ràng buộc bởi một Dev Mode trả phí.
Giao diện thiết kế prototype website trong Figma, minh họa tính năng tương tự Penpot
Tích Hợp Sẵn, Ít Phụ Thuộc Plugin: Tiết Kiệm Thời Gian và Tài Nguyên
Mặc dù Penpot cũng cung cấp các plugin để mở rộng chức năng của ứng dụng, chúng không đóng vai trò cốt lõi trong quy trình thiết kế như ở 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ích hợp tất cả các yếu tố thiết yếu ngay vào ứng dụng.
Quản lý Tokens hiệu quả
Ví dụ lớn nhất về điều này là tính năng 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. Tương đương trong Figma sẽ 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í.
Các Plugin hữu ích và 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 thiết kế. Nó hoàn toàn miễn phí 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 chào mừng người dùng mới, giới thiệu một công cụ thiết kế UI/UX mạnh mẽ
Khả Năng Tự Host – Tối Ưu Quyền Riêng Tư và Kiểm Soát Dữ Liệu
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. Tôi đã sử dụng Elestio vào thời điểm đó 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ế của bạn sẽ mang lại cho bạn một lớp bảo mật bổ sung về quyền riêng tư, 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 ứ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 rõ ràng là lựa chọn chiến thắng so với Figma. Nó cũng mở ra 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 cần 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ướng dẫn và các tùy chọn tự host Penpot trên tài liệu chính thức, nhấn mạnh quyền kiểm soát dữ liệu
Màn hình máy tính hiển thị trang web Penpot và Elestio, minh họa giải pháp tự host công cụ thiết kế
Hỗ Trợ Đa Ngôn Ngữ Vượt Trội – Vì Trải Nghiệm Người Dùng Toàn Cầu
Penpot có giao diện đa ngôn ngữ và cung cấp cho bạn tùy chọn chọn từ hơn 30 ngôn ngữ 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 để mở rộng hỗ trợ ngôn ngữ hơn nữa. Đây có thể coi là hình mẫu của việc cải thiện trải nghiệm lấy người dùng làm trung tâm. Nó dường như là một điều nhỏ, 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 thiết kế.
Tùy chọn lựa chọn ngôn ngữ trong cài đặt Penpot, minh chứng cho khả năng đa ngôn ngữ vượt trội
Kết luận
Việc trải nghiệm Penpot không có nghĩa là tôi sẽ từ bỏ hoàn toàn Figma, mà chỉ đơn giản là 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. 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 lại khóa sau 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 hay phần mềm đắt tiền.
Với những ưu điểm vượt trội về khả năng miễn phí, tính năng Dev Mode miễn phí, tích hợp sẵn các công cụ quan trọng, khả năng tự host linh hoạt và hỗ trợ đa ngôn ngữ, Penpot xứng đáng được đưa vào danh sách các công cụ thiết kế UI/UX hàng đầu. Nếu bạn đang tìm kiếm một giải pháp thay thế Figma tối ưu, đặc biệt là những ai quan tâm đến mã nguồn mở và quyền riêng tư, Penpot chắc chắn là cái tên bạn cần khám phá.
