Chuyển đổi các trang trực tiếp thành các lớp MasterGo có thể chỉnh sửa chỉ với một cú nhấp chuột
Web to MasterGo bởi zxpzdtom là một tiện ích mở rộng Chrome chuyển đổi các trang web trực tiếp thành các lớp có thể chỉnh sửa bên trong MasterGo, nhằm phục vụ cho các đội ngũ UI và nhà thiết kế sản phẩm. Nó ghi lại các trang hiển thị hoặc các yếu tố được chọn và chuẩn bị các tệp xuất có cấu trúc để nhập vào một không gian làm việc thiết kế. Công cụ này tập trung vào việc bảo tồn độ chính xác hình ảnh và giảm thiểu công việc tái tạo thủ công, trong các đội ngũ sản phẩm bận rộn và các chu trình thiết kế lặp đi lặp lại yêu cầu cấu trúc lớp chính xác.
Các phần tử trang nào mà nó ghi lại và chúng được xuất ra như thế nào?
Tiện ích mở rộng ghi lại toàn bộ trang hiển thị hoặc một phần tử DOM được chọn chỉ với một hành động và xuất ra một tệp JSON .web2mg có cấu trúc để nhập. Sau khi ghi lại, HTML và CSS được chuyển đổi thành các lớp thiết kế có thể chỉnh sửa, với văn bản và bố cục được biểu diễn như các thành phần gốc thay vì hình ảnh phẳng. Cách tiếp cận này cung cấp một tệp khởi đầu trực tiếp cho các nhà thiết kế cần một bản tái tạo trung thực của giao diện trực tiếp.
Nó tái tạo hình ảnh phức tạp và các phần tương tác tốt như thế nào?
Nó bảo tồn các tài sản nâng cao như SVGs, phông chữ biểu tượng và mặt nạ CSS và có thể bao gồm các ảnh chụp canvas và trạng thái nút trong xuất khẩu. Công cụ cũng ghi lại nội dung iframe cùng nguồn khi quyền truy cập trang cho phép, điều này giúp giữ lại các bảng điều khiển và tiện ích nhúng. Những khả năng đó giảm thiểu việc tái tạo thủ công các đồ họa nhiều lớp và các phần tử giao diện có kịch bản trong quá trình dọn dẹp sau khi ghi lại.
Nó phù hợp như thế nào trong quy trình nhập và hợp tác của một nhóm?
Quy trình ghi lại kết hợp với một plugin đi kèm bên trong MasterGo để nhập tệp đã xuất vào một dự án thiết kế, cho phép một vòng phản hồi từ mã đến thiết kế. Nhà phát triển duy trì tiện ích mở rộng để theo kịp các tiêu chuẩn web và thay đổi của MasterGo, và hoạt động nhẹ nhàng chỉ với một cú nhấp chuột giữ cho thời gian ghi lại thấp. Các nhóm có thể sử dụng đầu ra như tài liệu nguồn có thể chỉnh sửa cho các đánh giá, căn chỉnh token và hợp tác với nhà phát triển.
Thực tiễn cho các nhóm tập trung vào MasterGo, với sự đánh đổi về phạm vi trình duyệt
Web đến MasterGo là một công cụ thực tiễn cho các nhóm dựa vào công việc UI trong MasterGo và cần các tệp nguồn có thể chỉnh sửa nhanh chóng từ các trang web trực tiếp. Sự tập trung của nó thiên về các dự án mà một nhóm thiết kế chuẩn bị tài liệu cho việc lặp lại hơn là cung cấp các tài sản hoàn thiện cuối cùng. Mong đợi một bước hòa giải lớp ngắn gọn sau khi nhập, và bao gồm công cụ này trong giai đoạn xem xét trước của quy trình thiết kế của bạn.
