Design EditorTài liệuNhập và xuất
Nhập
Đưa tệp Figma, tệp pen.dev, SVG, trang web và ảnh chụp màn hình vào thành các lớp có thể chỉnh sửa.
1Figma
- Trong Figma, chọn File, Save local copy để lấy một tệp
.fig. - Mở tệp bằng Tệp, Nhập, Figma (
Cmd+Shift+F), thẻ trên Trang chủ, nhấp đúp hoặc thả tệp vào cửa sổ. - Chọn các trang bạn muốn, hoặc Nhập tất cả các trang.
- Chọn Giữ nguyên bố cục Figma để giữ vị trí như cũ, hoặc Bố cục tự động Design Editor để dựng lại các ngăn xếp.
Những gì không thể chuyển sang chính xác sẽ được liệt kê thành cảnh báo. Sao chép lớp trong Figma rồi dán vào đây cũng được.
2pen.dev
Tệp .pen mở thành một tài liệu mới chưa đặt tên; tệp gốc không bao giờ bị ghi đè. Shader, script, ghi chú và nút trình duyệt đều được chuyển sang.
3SVG và hình ảnh
Công cụ Hình ảnh đặt tệp PNG, JPEG, GIF, WebP và SVG; SVG trở thành các lớp vector có thể chỉnh sửa. Ảnh raster cũng có thể được thả thẳng vào canvas.
4HTML
Tệp, Nhập, HTML (Cmd+Shift+H) nhận một tệp .html hoặc .htm, hoặc một tệp .zip kèm stylesheet và hình ảnh. Trình nhập tuân theo CSS cascade, biến, media query và grid, và liệt kê những gì nó phải mô phỏng gần đúng.
de import:html https://example.com --viewport-height 9005Tái tạo ảnh chụp màn hình
Thẻ ảnh chụp màn hình trên Trang chủ gửi một ảnh PNG hoặc JPEG cho agent, agent sẽ dựng lại nó thành một thiết kế có thể chỉnh sửa.
6Tiện ích Chrome
Tiện ích trong kho mã ghi lại trang bạn đang xem vào trình chỉnh sửa đang chạy. Nó có thể ghi lại toàn trang, chọn một phần tử, trích xuất design.md hoặc tải xuống một tệp .de.
Tiện ích chưa có trên Chrome Web Store. Hãy dựng nó từ packages/de-chrome-extension và tải dưới dạng tiện ích chưa đóng gói trong Chrome 110 trở lên. Nó chỉ giao tiếp với trình chỉnh sửa trên chính máy tính của bạn.