Trong nhiều file thiết kế, đặc biệt là khi làm việc teamwork hoặc dự án kéo dài nhiều tháng, các style như màu sắc, font, text size rất dễ bị lệch nhau hoặc không còn đồng bộ. Khi không có style guide rõ ràng, bạn phải tự kiểm tra từng layer, từng text — cực kỳ mất thời gian và dễ bỏ sót.
Plugin Auto Style Sheet ra đời để giải quyết vấn đề đó bằng cách tự động tạo một tài liệu style chuẩn, tổng hợp chính xác mọi style đang được sử dụng trong một trang Figma.

Dù bạn là designer, developer hay QA, plugin này đều cực kỳ hữu ích trong việc kiểm tra tính nhất quán của thiết kế.

1. Plugin này là gì? Làm được gì? Dành cho ai?

Plugin Auto Style Sheet là plugin giúp bạn quét toàn bộ style trong một Page Figma và tự động tạo thành bảng báo cáo (style sheet) đầy đủ: màu sắc, font, kích thước text, style text, cùng với hình xem trước (visual preview) để nhận diện nhanh.

Nó không chỉ giúp tạo style guide mà còn giúp phát hiện những inconsistency các điểm không đồng nhất trong thiết kế.

Tính năng chính:

  • Quét style theo từng Page → báo cáo không bị lẫn các trang khác.
  • Phát hiện màu sắc, font, text size đang sử dụng.
  • Phân loại style rõ ràng: text styles, color styles, miscellaneous styles.
  • Hiển thị style kèm visual preview để dễ nhận diện.
  • Phát hiện inconsistency cực hữu ích trước khi bàn giao cho dev.
  • Cho phép export report để gửi team, offline review hoặc gửi khách hàng.
  • Generate chỉ với một click.

Plugin này đặc biệt hữu ích cho:

  • UI/UX Designers muốn rà soát lại thiết kế trước khi làm Design System.
  • Developers cần biết chính xác style đang dùng để code.
  • QA/Testers kiểm tra sự nhất quán giữa màn hình.

Bạn có thể tìm plugin này bằng cách:

  • Tìm “Auto Style Sheet” trên Figma Community,
  • Hoặc truy cập trực tiếp qua link này.

2. Hướng dẫn sử dụng

Bước 1: Chọn Page bạn muốn quét.

Bước 2: Vào menu: Plugins → Auto Style Sheet.

Bước 3: Nhấn Generate Report.

Bước 4: Chờ plugin tạo tài liệu tự động.

Bước 5: Xem danh sách style + inconsistencies được highlight.

Mẹo nhỏ:

  • Dọn dẹp Page trước khi chạy
  • Dùng report để chuẩn hoá Design System
  • Dùng cho việc bàn giao dev
  • Chạy plugin khi nhận file từ người khác

3. Kết luận

Plugin Auto Style Sheet là plugin cực kỳ hữu ích cho bất kỳ ai muốn giữ thiết kế nhất quán và chuyên nghiệp. Thay vì phải tự kiểm tra từng layer trong file Figma, bạn chỉ cần một cú click để có bảng tổng hợp style đầy đủ nhanh, rõ ràng, có hình minh họa và có thể export.

Nếu bạn làm teamwork, thiết kế hệ thống lớn hoặc cần audit file, đây là plugin mà bạn chắc chắn nên thêm vào bộ công cụ Figma của mình.