Thư viện thuật ngữ / UI/UX

Polaris là gì?

Còn gọi: design system của Shopify

Polaris là design system của Shopify dùng cho giao diện quản trị Shopify Admin và các ứng dụng bên thứ ba chạy trong đó, gồm nguyên tắc, token, component và hướng dẫn nội dung.

Hiểu kỹ hơn

Polaris được biết tới như một trong những design system công khai có tài liệu tốt nhất, đặc biệt ở phần hướng dẫn viết nội dung cho giao diện, như cách đặt nhãn nút, viết thông báo lỗi và dùng giọng văn nhất quán. Mục tiêu chính là giúp các nhà phát triển ứng dụng bên thứ ba làm ra giao diện trông và hoạt động như một phần của Shopify Admin, để người bán không bị bối rối khi chuyển giữa các ứng dụng. Polaris có thư viện component trong code và bộ UI kit cho Figma. Đây là tài liệu tham khảo tốt cho người làm sản phẩm quản trị, bảng dữ liệu, form dài, những giao diện mà các bộ kit thiên về ứng dụng tiêu dùng ít đề cập. Ví dụ: trang quản lý đơn hàng trong Shopify Admin dùng bảng, bộ lọc và badge trạng thái của Polaris. Lỗi thường gặp là sao chép nguyên Polaris cho một sản phẩm không liên quan tới Shopify, khiến sản phẩm trông như một phần mềm khác.