Mọi trang web thành
layer Figma chỉnh sửa được
Chữ thật, màu thật, Auto Layout và component sửa được thoải mái. Không phải ảnh chụp màn hình. Trang phải đăng nhập cũng chụp được. Và tất cả diễn ra ngay trên máy bạn, không có gì được tải lên đâu cả.
Bạn cần cả hai: tiện ích chụp trang, plugin Figma dán nó vào. Cả hai đều miễn phí và cài trong một phút.
Cách dùng
Chụp đúng thứ đang thấy
Copy for Figma
Cài plugin rồi dán
Sinh ra cho những trang mà công cụ khác không với tới
Snapture đọc trang web đang chạy ngay trong trình duyệt của bạn, nên thấy gì là chụp được nấy: dashboard sau đăng nhập, công cụ nội bộ, drawer và popover đang mở, cả web component lẫn iframe.
Trang phải đăng nhập
Việc chụp chạy trong chính tab bạn đã đăng nhập, nên công cụ nội bộ, dashboard trả phí hay bản staging đều chuyển ra đúng y như chúng hiện trước mắt bạn.
Auto Layout chuẩn từng pixel PRO
Bố cục flex và grid trở thành Auto Layout thật, nhưng chỉ khi engine của Figma đặt được mọi phần tử con lệch không quá nửa pixel. Không đạt thì bạn nhận tọa độ tuyệt đối chính xác. Không có gì xê dịch cả.
Icon về đủ
Icon kiểu CSS mask, SVG sprite, icon font — ba cách vẽ icon mà các trình chuyển hay làm rơi. Snapture xử lý cả ba.
Biểu đồ, bản đồ, 3D
Canvas WebGL và embed khác nguồn thì không ai biến thành layer được. Snapture chèn một ảnh chụp sắc nét đúng vùng đó thay vì để ô xám. Còn iframe cùng nguồn thì đi xa hơn: chuyển hẳn thành layer thật.
Component và style PRO
Thẻ lặp lại trở thành component kèm instance. Kiểu chữ và màu dùng lặp trở thành style, còn màu mà trang khai báo bằng biến CSS sẽ đến Figma dưới đúng tên của trang đó — brand-primary chứ không phải mã hex.
Chuyển qua clipboard
Chụp xong thì dán. Không cần file — bản chụp đi đến plugin qua clipboard của bạn và không hề chạm vào máy chủ nào.
Chụp hàng loạt PRO
Dán danh sách URL, hoặc lấy thẳng từ sitemap của trang, Snapture sẽ mở và chụp từng trang một. Tối đa 30 trang mỗi lượt.
PROtính năng đều có mặt trong cả 5 lượt miễn phí — không cần thẻ, không cần đăng ký. Pro chỉ gỡ giới hạn.
Cẩm nang
Viết từ những bản chụp thật và những chỗ vỡ thật, không phải từ danh sách tính năng.
Why Figma Auto Layout breaks after importing a web page
Flexbox and Figma's Auto Layout are different systems that look alike. Here is where they disagree, why converters apply Auto Layout anyway, and how to tell whether yours checked.
Why icons go missing when you import a web page into Figma
Icons on the web are drawn four different ways — inline SVG, sprites, icon fonts and CSS masks — and each one breaks differently on import. How to tell which you have, and what a converter has to do about it.
How to import a page behind a login into Figma
URL-based converters return the login screen because a server cannot see a page that requires being you. What actually works, what several tools now offer, and the question worth asking instead.
Không có gì rời khỏi máy bạn.
Manifest của plugin Figma khai báo networkAccess: "none", và chính Figma là bên cưỡng chế điều đó. Nghĩa là plugin có muốn gọi mạng cũng không thể. Đây không phải chính sách chúng tôi hứa tuân theo, mà là năng lực chúng tôi không có ngay từ đầu.
Cứ mở DevTools trong lúc chụp và nhìn tab network: bạn sẽ thấy đúng những yêu cầu đó và không gì khác. Chi tiết đầy đủ trong chính sách quyền riêng tư.
Không có máy chủ trong vòng lặp, do chính kết cấu
Công cụ khác có thể cấu hình để giữ bản chụp trên máy. Snapture thì không có cài đặt nào để lỡ tay làm sai, vì ngay từ đầu đã không tồn tại máy chủ nào để gửi thứ gì đến.
| Snapture | Công cụ có đường đi qua máy chủ | |
|---|---|---|
| Muốn giữ riêng tư | Luôn luôn là vậy | Phải tự chọn chế độ local |
| Gói miễn phí cho gì | Đủ tính năng, 5 lượt | Hạn mức theo tháng |
| Trạng thái đăng nhập / tương tác | Luôn được | Tùy công cụ |
| Cần tài khoản không | Không | Có |
| Giá Pro | $5/tháng | Thường cao hơn |
Dùng miễn phí. Trả tiền Pro khi nó tự chứng minh đáng tiền.
Thử trọn bộ miễn phí năm lần. Pro chỉ gỡ giới hạn — tính năng y nguyên, không còn bộ đếm.
- 5 lượt — sản phẩm trọn vẹn
- Trang đăng nhập, icon, biểu đồ
- Chuyển qua clipboard
- Không thẻ, không tài khoản
- Mọi thứ của gói miễn phí
- Auto Layout chuẩn từng pixel
- Component từ thẻ lặp lại
- Style chữ và màu kèm tên token
Hỏi thẳng, đáp thẳng
Dữ liệu trang của tôi có thật sự an toàn không?
An toàn ở tầng kết cấu luôn. Việc chuyển đổi chạy trong tab trình duyệt của bạn và kết quả đi xuống ổ đĩa hoặc clipboard. Không tồn tại máy chủ Snapture nào để gửi đến. Manifest của plugin Figma khai báo quyền mạng bằng không, Figma cưỡng chế điều đó và ai cũng mở ra soi được. Tiện ích có vài yêu cầu: ảnh của chính trang để chúng xuất hiện trong file của bạn, kiểm tra khóa bản quyền nếu dùng Pro, và đọc sitemap khi bấm chụp hàng loạt. Không cái nào mang nội dung trang của bạn đi, và tất cả được liệt kê trong chính sách quyền riêng tư.
Khác gì html.to.design và các công cụ tương tự?
Các công cụ đó cũng chụp được trang bạn đang đăng nhập qua tiện ích riêng của họ, và nếu chọn đúng tùy chọn thì file cũng nằm lại máy. Khác biệt là với Snapture chẳng có tùy chọn nào để phải chọn. Không có máy chủ, nên đường riêng tư là đường duy nhất, và plugin Figma xuất xưởng với networkAccess: "none" do Figma cưỡng chế thay chúng tôi. Ngoài ra: gói miễn phí của chúng tôi là sản phẩm trọn vẹn chứ không phải bản cắt gọt, và Auto Layout chỉ được áp khi engine của Figma tái hiện trang của bạn lệch không quá nửa pixel.
Miễn phí thì được đúng những gì?
Năm lượt chụp, và lượt nào cũng là sản phẩm đầy đủ — trang đăng nhập, icon, gradient, biểu đồ dưới dạng ảnh chụp, Auto Layout, component, trích xuất style, luồng clipboard. Không giữ lại thứ gì, để bạn tự kiểm chứng trên chính trang của mình xem Snapture có đáng tiền không. Hết lượt thứ năm, Pro gỡ giới hạn.
Font trong Figma trông khác bản gốc.
Figma chỉ dùng được font đã cài trên máy bạn. Snapture chụp đúng font stack, nên cài font còn thiếu (chẳng hạn Pretendard hay Inter) rồi khởi động lại Figma là mọi thứ khớp. Trước lúc đó Figma tạm thay bằng font gần nhất đang có.
Một license dùng được nhiều máy không?
Được, license phủ các thiết bị cá nhân của bạn (tối đa 3 lần kích hoạt). Đổi máy mà đụng trần thì viết thư cho chúng tôi, chúng tôi reset cho.
Chính sách hoàn tiền thế nào?
Nếu Snapture không xử được trang của bạn, báo chúng tôi trong 14 ngày kể từ khi mua và bạn nhận lại đủ tiền, do bên thanh toán của chúng tôi xử lý. Không biểu mẫu, không lằng nhằng.
Đừng vẽ lại thứ vốn đã tồn tại nữa.
Cài tiện ích, chụp trang đang xem, dán vào Figma. Mất chừng một phút là thấy nó chạy.