Aura Inspect

Giả lập màn hình Desktop, Tablet, Mobile và Foldable cho UI/UX Designer.

Aura Inspect là trợ thủ đắc lực được thiết kế dành riêng cho UI/UX Designer, Product Designer và Frontend Developer. Biến mọi trang web thành một không gian làm việc trực quan, cho phép bạn phân tích hệ thống thiết kế (Design System) và kiểm tra giao diện đa thiết bị một cách mượt mà và chính xác đến từng pixel. 🚀 Các tính năng cốt lõi: 📱 Giả lập thiết bị & So sánh song song (Device Mockups & Split-View): Trải nghiệm trang web bên trong các khung thiết bị thực tế (iPhone, Android, Tablet) sử dụng lớp phủ hình ảnh chất lượng cao. Hỗ trợ chế độ chia đôi màn hình (Split-View) giúp so sánh giao diện đa thiết bị real-time. Nút xoay màn hình (Landscape/Portrait) chuyên dụng nằm ngay trên thanh công cụ giúp lật thiết bị nhanh chóng. 🔠 Thang chữ thông minh (Typography Inspector): Quét và tổng hợp toàn bộ hệ thống phông chữ độc nhất (Unique Text Styles) trên trang. Hiển thị trực quan theo cấu trúc 2 dòng: Tên font (kèm link liên kết trực tiếp sang Google Fonts) ở dòng trên, cùng bộ thông số Size — Line Height — Color gọn gàng ở dòng dưới. Bấm một chạm để sao chép mã CSS nhanh chóng. 🎨 Bảng màu toàn diện (Color Palette Inspector): Trích xuất toàn bộ bảng màu đang được sử dụng trên trang web. Tự động nhận diện và quy đổi chuẩn xác các mã màu có độ mờ (HEX8 sang mã HEX cơ bản kết hợp phần trăm Opacity), giúp loại bỏ hoàn toàn hiện tượng hiển thị lỗi hay khó nhìn. 📐 Đo khoảng cách & Box Model (Layout Spacing Inspector): Rê chuột để kiểm tra trực quan kích thước phần tử (Width x Height), khoảng cách Margin và Padding. Hỗ trợ đo khoảng cách nhanh giữa các thành phần tương tự như tính năng Alt thần thánh trên Figma. ⚡ Trích xuất Icon SVG (SVG Icon Inspector): Tìm kiếm và hiển thị toàn bộ các icon SVG có trên trang web. Hỗ trợ xem trước, sao chép mã nguồn SVG (Copy SVG Code) hoặc tải file .svg về máy chỉ với một cú click. 💡 Tại sao nên chọn Aura Inspect? Giao diện Material 3 hiện đại: Tối ưu không gian hiển thị, trực quan, gọn gàng và không làm cản trở luồng công việc (workflow) của bạn. Độ chính xác cao: Lấy thông số trực tiếp từ getComputedStyle và DOM thực tế của trang web. Tiết kiệm thời gian: Thay vì mất hàng giờ mò mẫm trong DevTools hay kéo thả thủ công sang Figma, mọi thông số thiết kế đều nằm trong tầm tay bạn. 👉 Cài đặt Aura Inspect ngay hôm nay để nâng tầm tốc độ và chất lượng thiết kế/code của bạn!