GetLayers: Kiểm tra CSS và tải tài nguyên bởi GetLayers, PajaTools

Thấy một thiết kế ưng ý? Chỉ cần rê chuột, nhấp chuột, và nó là của bạn.

GetLayers biến mọi trang web thành nguồn để bạn sao chép. Kiểm tra một phần tử, nhận mã sạch cho đúng stack của bạn, dán vào Figma dưới dạng các layer thật, đo khoảng cách, lấy màu và phông chữ, đồng thời lưu hình ảnh, biểu tượng, video, âm thanh, phông chữ và tệp mà trang đang dùng. Không cần lục tìm trong DevTools, không cần chụp màn hình rồi đoán mò.

KIỂM TRA VÀ SAO CHÉP CHỈ VỚI MỘT CÚ NHẤP
- Rê chuột lên bất kỳ phần tử nào để xem ngay style, mô hình hộp, kiểu chữ, màu sắc và độ tương phản
- Nhấp để sao chép mã và ghim phần tử, sau đó di chuyển quanh trang bằng phím mũi tên
- Xuất sang 10 định dạng mã cho web, di động và công cụ thiết kế, từ CSS thuần đến Tailwind, React, Flutter hay SwiftUI
- Xem trước riêng một phần tử, chụp ảnh màn hình gọn gàng của nó, hoặc xuất toàn bộ widget thành ZIP

SAO CHÉP SANG FIGMA (Pro, beta)
- Dán một phần tử hoặc cả trang vào Figma bằng Cmd+V hoặc Ctrl+V
- Bạn nhận được frame, văn bản và hình ảnh thật với auto layout, không phải một bức ảnh phẳng
- Xuất hướng dẫn phong cách gồm màu sắc và kiểu văn bản của trang

CỬA SỔ TẢI XUỐNG (nhấn G)
- Mọi hình ảnh trên trang, gồm cả nền CSS, phiên bản responsive, biểu tượng SVG, Lottie và Rive
- Kích thước được nhóm lại và bản chất lượng tốt nhất được đánh dấu, nên bạn không bao giờ lưu nhầm ảnh thu nhỏ bị mờ
- Video có khung xem trước, luồng phát được lưu thành một tệp duy nhất, và phụ đề dạng VTT hoặc SRT
- Âm thanh, phông chữ có xem trước trực tiếp, cùng các tệp PDF, tài liệu và tệp nén mà trang liên kết tới
- Tìm kiếm, bộ lọc, mẫu tên tệp, sao chép liên kết và danh sách tải xuống gần đây
- Mọi video tìm thấy đều nằm trong hàng chờ, và việc tải xuống vẫn tiếp tục ngay cả khi trang được tải lại
- Công cụ Pro: cuộn và thu thập, chuyển đổi và đổi kích thước hình ảnh, xuất biểu tượng cho mã, phông chữ dạng TTF hoặc OTF kèm ZIP bộ phông chữ

CHỈNH SỬA TRỰC TIẾP NGAY TRÊN TRANG
- Thay đổi bất kỳ style nào và thấy kết quả ngay lập tức, có thể hoàn tác
- Lưu các chỉnh sửa thành hồ sơ để tự động áp dụng cho lần sau
- So sánh hai phần tử cạnh nhau để thấy điểm khác biệt
- Di chuyển các phần tử để thử một bố cục mới

ĐO NHƯ MỘT NHÀ THIẾT KẾ
- Lớp phủ khoảng cách cho padding, margin và gap
- Thước đo khoảng cách chính xác giữa hai phần tử
- Bảng màu của trang và công cụ kiểm tra phông chữ

DÀNH CHO QUY TRÌNH LÀM VIỆC VỚI AI
- Kết nối trợ lý lập trình AI của bạn qua máy chủ MCP tích hợp sẵn, để nó có thể kiểm tra phần tử và chỉnh sửa style trên trang đang mở

NHANH VÀ THÂN THIỆN
- Chọn cách dùng GetLayers ngay lần đầu khởi động: kiểm tra và sao chép style, hoặc tải xuống tài nguyên. Chuyển đổi bất cứ lúc nào trong Cài đặt
- Thanh công cụ có thể kéo đến bất kỳ đâu, cùng thanh bên DevTools
- Phím tắt cho mọi thao tác, nhấn ? để xem tất cả
- Có sẵn trong 20 ngôn ngữ

MIỄN PHÍ VÀ PRO
Gói miễn phí gồm Kiểm tra trực tiếp, sao chép CSS và JSON, công cụ màu sắc và phông chữ, thanh bên DevTools và một cửa sổ tải xuống có giới hạn. Không cần tài khoản.
Pro mở khóa mọi định dạng, Sao chép sang Figma, chỉnh sửa trực tiếp với hồ sơ, công cụ đo, so sánh phần tử, chụp ảnh màn hình, xuất ZIP, tải xuống không giới hạn cùng các công cụ Pro và tích hợp AI. Đảm bảo hoàn tiền trong 7 ngày.
Dùng thử Pro miễn phí 7 ngày: nhận khóa miễn phí qua email và dán vào Cài đặt, không cần thẻ.

QUYỀN RIÊNG TƯ
Không quảng cáo, gói miễn phí không cần tài khoản. Các trang, chỉnh sửa, tệp tải xuống và địa chỉ bạn truy cập không bao giờ rời khỏi trình duyệt của bạn. Pro gửi khóa giấy phép của bạn để xác minh. Số liệu ẩn danh về các tính năng được sử dụng chỉ được gửi nếu bạn cho phép, và bạn có thể tắt trong Cài đặt. Biểu mẫu phản hồi tùy chọn chỉ gửi những gì bạn nhập, kèm phiên bản tiện ích, trình duyệt, hệ thống, ngôn ngữ và gói đang dùng.

LƯU Ý
GetLayers lưu các tệp mà trình duyệt của bạn đã tải sẵn. Hãy tôn trọng bản quyền và điều khoản của trang web. Luồng được bảo vệ bằng DRM và video YouTube không được hỗ trợ.

Trang web và bảng giá: https://getlayers.pro
Câu hỏi hoặc ý tưởng: getlayers.help@gmail.com