Figma Plugin
Plugin của Checklist Design để kiểm tra thiết kế trong Figma.
Mở plugin Checklist DesignTHƯ VIỆN THIẾT KẾ
Design system
Checklist thiết kế Design system: kiểm từng chi tiết và theo dõi tiến độ trên trình duyệt của bạn.
Tiếp tục kiểm tra
Các checklist đang thực hiện.
Khám phá checklist
Chọn nền tảng hoặc chủ đề.
Nền tảng thiết kế
Đặt quy tắc cho chữ, màu, khoảng cách, token và khả năng tiếp cận.
5Design system
Chữ và kiểu chữ
Xây dựng thứ bậc nội dung rõ ràng ở mọi kích thước.
Design systemBiến thiết kế
Đặt tên và quản lý các giá trị dùng chung.
Design systemAccessibility
Đảm bảo sản phẩm dùng được với nhiều cách nhìn và thao tác.
Design systemSpacing / Grid
Giữ nhịp bố cục nhất quán khi nội dung và màn hình thay đổi.
Design systemColor system
Dùng màu có vai trò rõ và giữ được ý nghĩa ở mọi giao diện.
Thành phần giao diện
Kiểm tra cấu trúc, biến thể và trạng thái của từng thành phần.
27Design system
Mục mở rộng
Thu gọn nội dung mà vẫn dễ tìm và điều khiển.
Design systemThông báo nổi bật
Đưa thông tin quan trọng vào đúng ngữ cảnh.
Design systemChọn một phương án
Giúp lựa chọn duy nhất rõ ràng và dễ thao tác.
Design systemChú thích ngắn
Bổ sung giải thích mà không giấu thông tin bắt buộc.
Design systemHộp thoại
Giữ quyết định tập trung và đường đóng dễ tìm.
Design systemÔ nhập liệu
Giúp nhập đúng và sửa sai ngay tại trường thông tin.
Design systemNút bấm
Làm rõ hành động và phản hồi sau khi kích hoạt.
Design systemCông tắc
Cho đổi trạng thái mà không phải đoán tác dụng.
Design systemDrawer
Mở nội dung phụ mà vẫn giữ ngữ cảnh màn hình chính.
Design systemDate picker
Giúp chọn ngày mà không nhầm định dạng hay khoảng thời gian.
Design systemBreadcrumb
Cho biết vị trí và đường quay lên trong cấu trúc nội dung.
Design systemAlert
Thông báo điều đã xảy ra và bước xử lý cần thiết.
Design systemSkeleton
Cho biết nội dung sắp xuất hiện mà không làm bố cục nhảy.
Design systemCarousel
Cho duyệt nội dung theo lượt mà vẫn kiểm soát được vị trí.
Design systemSlider
Giúp chọn giá trị hoặc khoảng giá trị có kiểm soát.
Design systemToast
Phản hồi ngắn sau hành động mà không chặn công việc.
Design systemTabs
Chuyển giữa các vùng nội dung cùng cấp.
Design systemCheckbox
Chọn nhiều mục hoặc bật một lựa chọn độc lập.
Design systemSearchbar
Cho bắt đầu tìm kiếm với phạm vi và phản hồi rõ.
Design systemLoading
Cho biết tác vụ đang diễn ra và khi nào cần xử lý.
Design systemIcon
Giữ biểu tượng dễ nhận biết và có ý nghĩa ở mọi kích thước.
Design systemTable
Trình bày dữ liệu có cấu trúc để quét và so sánh.
Design systemCard
Gom thông tin và hành động thành một đơn vị dễ quét.
Design systemBadge
Bổ sung số lượng hoặc trạng thái mà không lấn nội dung chính.
Design systemAvatar
Hiển thị danh tính và cho cập nhật ảnh có kiểm soát.
Design systemDropdown menu
Đưa các hành động liên quan vào menu dễ điều khiển.
Design systemStepper
Tăng hoặc giảm một số theo bước rõ ràng.
Chưa có checklist đã lưu
Nhấn “Lưu checklist” trong trang chi tiết.
Checklist đã lưu sẽ xuất hiện tại đây.
Tìm checklist
Chọn nền tảng hoặc chủ đề.
Ứng dụng DucDZ
Tiện ích từ DucDZ.
Công cụ và tích hợp
Dùng checklist trong Figma hoặc cùng trợ lý AI.
Agent skill DucDZ
Checklist tiếng Việt và tiếng Anh để trợ lý AI rà giao diện.
Tải Agent skillCách dùng
Giải nén, thêm skill vào trợ lý AI, rồi gửi ảnh, URL hoặc mã nguồn cần kiểm tra.
Figma skill DucDZ
Kiểm tra cấu trúc, trạng thái và cách sử dụng của frame Figma.
Tải Figma skillCách dùng
Thêm skill vào trợ lý AI, rồi kết nối Figma hoặc gửi ảnh frame.
Kiểm tra và lưu tiến độ
Đánh dấu từng mục đã kiểm tra.
Tiến độ được lưu trên trình duyệt này.