Ghi lại mã trang trực tiếp dưới dạng các lớp thiết kế có thể chỉnh sửa trong Chrome
Wonder Capture bởi wonder.design là một tiện ích mở rộng Chrome giúp các nhà thiết kế và phát triển chuyển đổi các trang web trực tiếp thành các điểm khởi đầu thiết kế có thể chỉnh sửa. Tiện ích này lấy cấu trúc trang và kiểu dáng để nội dung được chụp có thể trở thành các thành phần có thể chỉnh sửa trong môi trường thiết kế thay vì các ảnh chụp tĩnh. Nó tập trung vào việc chuyển đổi các yếu tố trang thực thành các tài sản có thể tái sử dụng và kết nối với quy trình thiết kế Wonder. Các nhà thiết kế UI/UX, kỹ sư web và các nhóm sản phẩm sử dụng nó để tạo mẫu nhanh hơn và nghiên cứu dựa trên các trang sản xuất.
Nó trích xuất mã trang web để sử dụng trong quy trình thiết kế
Wonder ghi lại mã và kiểu dáng cơ bản của trang thay vì một bitmap, tạo ra các thành phần có thể chỉnh sửa mà một nhà thiết kế có thể tinh chỉnh. Tiện ích mở rộng bảo tồn văn bản, quy tắc CSS và thông tin bố cục để các mục được ghi lại đến dưới dạng tài sản có thể chỉnh sửa bên trong mục tiêu thiết kế. Các chế độ ghi lại quan trọng được liệt kê bởi nhà phát triển bao gồm lựa chọn phần tử và phần, cộng với việc chụp toàn trang cuộn, điều này cung cấp cho các nhóm tài liệu khởi đầu cụ thể cho các mẫu.
Xử lý cục bộ và kích hoạt nhanh giữ các bản ghi lại trong trình duyệt
Nhà phát triển cho biết rằng tất cả quá trình ghi lại diễn ra cục bộ trong trình duyệt, vì vậy dữ liệu được ghi lại không được tải lên các máy chủ bên ngoài. Các phương pháp kích hoạt bao gồm biểu tượng thanh công cụ và phím tắt (Alt+Shift+C), cho phép các nhà thiết kế bắt đầu một lần chụp mà không rời khỏi tab hiện tại. Những hành vi này làm cho công cụ phù hợp cho các quy trình làm việc yêu cầu tài liệu được ghi lại phải giữ nguyên trong môi trường cục bộ trước khi chỉnh sửa.
Hoạt động bên trong hệ sinh thái Wonder nhưng bị ràng buộc với Chrome với một cơ sở người dùng ngách
Tiện ích mở rộng tích hợp trực tiếp với môi trường thiết kế Wonder, cho phép mã được ghi lại được dán dưới dạng các mục có thể chỉnh sửa bên trong nền tảng đó. Nó được phân phối dưới dạng tiện ích mở rộng Chrome và có sẵn trên các nền tảng máy tính để bàn chạy Chrome, vì vậy việc sử dụng bị ràng buộc với trình duyệt đó. Tiện ích mở rộng chiếm một ngách tập trung cho các nhóm muốn tài sản được sản xuất, và nhà phát triển lưu ý rằng có một cơ sở người dùng nhỏ, chuyên biệt hướng tới quy trình làm việc từ thiết kế đến mã.
Lựa chọn tập trung cho các nhóm tái sử dụng mã trang web trực tiếp, với giới hạn hệ sinh thái rõ ràng
Wonder là một lựa chọn thực tế cho các nhà thiết kế và nhà phát triển muốn nhập các tài sản được sản xuất vào quy trình thiết kế; việc xử lý cục bộ và đầu ra sẵn sàng chỉnh sửa của nó phù hợp với các mẫu mã tập trung vào quyền riêng tư. Sự phụ thuộc của tiện ích mở rộng vào Chrome và nền tảng Wonder khiến nó ít phù hợp hơn cho những người dùng cần ảnh chụp màn hình pixel đơn giản hoặc không sử dụng hệ sinh thái đó.
