Kể từ khi ra đời vào năm 2015, phần mềm thiết kế UX/UI mã nguồn mở Penpot đã nhanh chóng tạo nên làn sóng lớn trong ngành công nghiệp sáng tạo kỹ thuật số. Penpot sở hữu các công cụ tuyệt vời, được đánh giá cao hơn nhiều phần mềm UX/UI khác như Figma và các giải pháp thay thế. Đặc biệt, từ cuối năm 2024, với việc giới thiệu hệ thống plugin, Penpot càng tăng cường khả năng cạnh tranh với các dịch vụ phần mềm thiết kế và phát triển hàng đầu. Các plugin giúp nâng cao trải nghiệm người dùng thông qua các công cụ sáng tạo, tích hợp ứng dụng bên thứ ba, tương tự như cách bạn sử dụng plugin trong DaVinci Resolve, Krita hay Photoshop. Giờ đây, bạn cũng có thể truy cập các plugin do cộng đồng phát triển dành cho Penpot, mở ra vô vàn khả năng mới cho quy trình làm việc của mình.
Một thiết lập phòng thí nghiệm gia đình Proxmox
8 Plugin Đáng Chú Ý Của Penpot
Tổ chức các plugin Penpot dễ dàng với Plugins List
Trang plugin Penpot Plugins List
Plugin Plugins List mang đến một giải pháp quản lý các plugin khác trong Penpot một cách hiệu quả. Nó hoạt động như một widget plugin trong Penpot, giúp việc tìm kiếm, cài đặt và sử dụng các plugin trở nên liền mạch hơn.
Dù bạn không thể dùng chính Plugins List để tìm kiếm nó ngay từ đầu, nhưng tổng thể, plugin này giúp tiết kiệm đáng kể thời gian và công sức khi tìm kiếm các plugin Penpot theo cách thủ công. Mặc dù Penpot đã có một trang hướng dẫn cài đặt plugin đơn giản, Plugins List vẫn là một công cụ hữu ích để tối ưu hóa việc quản lý.
Blobbb: Tạo hình dạng hữu cơ SVG đầy màu sắc
Giao diện plugin Blobbb với các thanh trượt điều chỉnh
Việc có nhiều yếu tố thiết kế đa dạng trong giao diện UX/UI có thể góp phần làm phong phú trải nghiệm người dùng. Plugin Blobbb cho phép bạn tạo ra các “blob” – những hình dạng hữu cơ độc đáo, để sử dụng trong các thiết kế của mình. Chúng được tạo dưới dạng SVG, định dạng tối ưu nhất cho thiết kế và phát triển web hoặc ứng dụng.
Với công cụ tùy chỉnh đơn giản, bạn có thể sử dụng các thanh trượt để tăng hoặc giảm số lượng nút (nodes) trong blob của mình và một thanh trượt thứ hai để tăng tính ngẫu nhiên. Blobs là một yếu tố thường được sử dụng trong thiết kế web, mang lại vẻ ngoài hiện đại và mềm mại.
Tables: Sắp xếp dữ liệu trong thiết kế của bạn
Plugin Tables Penpot
Khi cần thêm dữ liệu vào thiết kế, cách tốt nhất để hiển thị chúng thường là dưới dạng bảng. Sử dụng plugin Tables do Penpot cung cấp, bạn có thể nhập các tệp CSV để chèn bảng dữ liệu vào thiết kế của mình. Plugin này cũng cho phép bạn tạo các bảng trống, sau đó điền thông tin vào.
Tương tự như tính năng bảng trong các công cụ khác như Excel hay Word, bạn có thể tùy chỉnh đường viền bảng, màu sắc hàng, màu tiêu đề và nhiều yếu tố khác. Điều này giúp các thiết kế của bạn trở nên gọn gàng, có tổ chức mà vẫn giữ được tính thẩm mỹ.
Orphaned Components Detector: Không thành phần nào bị bỏ quên
Plugin Orphaned Components Detector cho Penpot
Trong các thiết kế phức tạp trên Penpot, việc mất dấu các yếu tố là điều dễ xảy ra. Đặc biệt là những yếu tố mà bạn lẽ ra phải xóa nhưng lại bị bỏ quên giữa sự bận rộn của phần còn lại của thiết kế. Điều này bao gồm cả các bản sao thành phần – những thứ rất khó để theo dõi.
Plugin này giúp người dùng nhanh chóng định vị bất kỳ bản sao thành phần bị “mồ côi” nào và cho phép bạn quản lý chúng, bao gồm cả việc dễ dàng xóa chúng. Chỉ cần nhấp để xác định các thành phần bị mồ côi, sau đó khi chúng được liệt kê, bạn có thể di chuyển hoặc xóa chúng theo yêu cầu, đảm bảo sự gọn gàng và hiệu quả cho tệp thiết kế.
Mockup Mirror: Xem trực tiếp mockup UX/UI trên Android
Plugin Mockup Mirror Penpot
Thiết kế ứng dụng có thể gặp khó khăn khi bạn chỉ sử dụng máy tính để xem các bản thiết kế. Chắc chắn, bạn có thể thu nhỏ màn hình hoặc cửa sổ để mô phỏng kích thước điện thoại, nhưng trải nghiệm thực tế khi nhìn thấy thiết kế trên thiết bị di động mục tiêu lại hoàn toàn khác biệt.
Mockup Mirror là một plugin Penpot và ứng dụng đồng hành trên Android cho phép bạn hiển thị trực tiếp thiết kế của mình lên thiết bị Android để xem trực tiếp. Điều này cho phép bạn cuộn và chạm một cách tự nhiên để xem cách các tương tác hoạt động trong thế giới thực, thay vì chỉ hy vọng điều tốt nhất khi thiết kế chỉ từ máy tính.
Plugin này yêu cầu bạn có thiết bị Android và tải xuống Ứng dụng Đồng hành từ Google Play Store để tương tác với plugin. Đáng tiếc, ứng dụng của plugin hiện chưa có sẵn cho iPhone.
Accessible Design Checklist: Đảm bảo thiết kế dễ tiếp cận
Plugin Accessible Design Checklist cho Penpot
Thiết kế tốt là thiết kế dễ tiếp cận; điều này đúng trên mọi cấp độ thiết kế, dù là kỹ thuật số, in ấn hay thiết kế phi sáng tạo. Khả năng tiếp cận nên là một trong những khía cạnh quan trọng nhất trong quy trình làm việc thiết kế của bạn, nhưng nó lại dễ bị bỏ qua.
Sử dụng plugin Accessible Design Checklist, bạn có thể đảm bảo thiết kế UX/UI của mình đáp ứng các tiêu chuẩn tiếp cận hiện đại. Danh sách kiểm tra hiển thị một danh sách riêng tư về những khía cạnh thiết kế đã đạt được khả năng tiếp cận, với các ô trống cho thấy những khía cạnh chưa đáp ứng tiêu chí.
Các chỉ số tiếp cận trong plugin này đảm bảo bạn sử dụng ngôn ngữ đơn giản, không có các thuật ngữ phức tạp trong nội dung, sử dụng đúng các tiêu đề để phân chia thông tin, văn bản thay thế (alt text) trên tất cả các hình ảnh hoặc biểu đồ phức tạp, sự khác biệt rõ ràng về mặt hình ảnh giữa các liên kết và văn bản không tương tác, cùng nhiều tính năng khác.
Bạn có thể đã cố gắng thiết kế và tạo ra các sản phẩm trong khuôn khổ các tiêu chí này, nhưng việc có một plugin với danh sách kiểm tra dễ dàng ngay trong tầm tay sẽ đảm bảo mọi thiết kế đều đáp ứng các tiêu chuẩn cao của bạn mỗi lần.
Palette Swapper: Dễ dàng chuyển đổi bảng màu
Đôi khi, một thiết kế có thể hoàn hảo nhưng bảng màu lại chưa phù hợp. Với Palette Swapper, bạn có thể dễ dàng thay đổi tất cả các màu trong toàn bộ thiết kế bằng cách chuyển đổi chúng sang một bảng màu đã được chỉ định. Plugin Palette Swapper đã giành giải nhất trong cuộc thi plugin Penpot đầu tiên vào tháng 1 năm 2025.
Đây là một giải pháp thay thế toàn diện, cho phép bạn đổi màu toàn bộ bảng màu thiết kế chỉ bằng một cú nhấp chuột. Plugin này tiết kiệm thời gian đáng kể, vì bạn không phải mất công cân nhắc xem yếu tố nào nên đổi màu hoặc chỉnh sửa từng yếu tố riêng lẻ để sửa đổi lựa chọn màu sắc của mình.
Tailwind HTML: Biến yếu tố thiết kế thành mã Tailwind
Plugin Tailwind HTML Penpot
Là một trong hai người chiến thắng cuộc thi plugin Penpot đầu tiên, plugin Tailwind HTML cho phép người dùng chọn các lớp hoặc yếu tố để chuyển đổi thành mã Tailwind.
Tailwind là một nền tảng CSS và HTML cho phép bạn tạo toàn bộ trang web mà không cần rời khỏi không gian HTML, bao gồm tự động viết CSS trực tiếp từ mã HTML của bạn. Bạn không cần phải viết một tài liệu CSS riêng biệt; bạn chỉ cần sử dụng Tailwind để tự động hóa tất cả cho bạn.
Với plugin này, bạn chỉ cần chọn các lớp của thiết kế Penpot, chạy plugin và tự động tạo mã HTML liên quan đến khu vực bạn đã chọn. Với thiết kế responsive được tích hợp vào mã, các thuộc tính CSS, hiệu ứng chuyển đổi động, hiệu ứng hình ảnh và nhiều tùy chọn khác đều có sẵn, bạn có thể thêm các tính năng tự động mã hóa này vào quy trình làm việc Penpot của mình (vốn đã có khả năng tự động tạo mã dễ dàng cho việc chuyển giao cho nhà phát triển).
Plugin Penpot Giúp Cuộc Sống Của Bạn Dễ Dàng Hơn
Với danh sách plugin ngày càng tăng được cung cấp bởi các nhà phát triển Penpot hoặc những người đóng góp từ cộng đồng, các thiết kế Penpot của bạn sẽ không bao giờ trở nên lỗi thời. Các công cụ trong Penpot vốn đã rất tuyệt vời cho thiết kế UX/UI, nhưng việc bổ sung các plugin thực sự đã biến đổi những gì bạn có thể làm với Penpot. Cho dù bạn muốn cải thiện khả năng tiếp cận sản phẩm, thêm hình ảnh hoặc văn bản giữ chỗ, dễ dàng xuất ra mã hoặc định dạng hình ảnh, hoặc nhiều điều khác nữa, các plugin Penpot chính là lựa chọn tuyệt vời để có trải nghiệm thiết kế tốt hơn.