นำเข้า

1Figma

1. ใน Figma เลือก File > Save local copy เพื่อให้ได้ไฟล์ .fig
2. เปิดไฟล์ด้วย ไฟล์ > นำเข้า > Figma (Cmd+Shift+F) การ์ดในหน้าแรก ดับเบิลคลิก หรือลากไปวางบนหน้าต่าง
3. เลือกหน้าที่ต้องการ หรือ นำเข้าทุกหน้า
4. เลือก คงเลย์เอาต์ Figma ไว้ เพื่อรักษาตำแหน่งเดิม หรือ เลย์เอาต์อัตโนมัติ Design Editor เพื่อสร้างการเรียงซ้อนใหม่

สิ่งใดที่นำมาได้ไม่ตรงตามต้นฉบับจะแสดงเป็นคำเตือน การคัดลอกเลเยอร์ใน Figma แล้ววางที่นี่ก็ใช้ได้เช่นกัน

2pen.dev

ไฟล์ .pen จะเปิดเป็นเอกสารใหม่ที่ยังไม่มีชื่อ และไม่มีการเขียนกลับไปยังไฟล์ต้นฉบับ เชดเดอร์ สคริปต์ โน้ต และโหนดเบราว์เซอร์จะถูกนำเข้ามาด้วย

3SVG และรูปภาพ

เครื่องมือรูปภาพวางไฟล์ PNG, JPEG, GIF, WebP และ SVG โดย SVG จะกลายเป็นเลเยอร์เวกเตอร์ที่แก้ไขได้ ภาพแรสเตอร์ยังลากไปวางบนแคนวาสได้โดยตรง

4HTML

ไฟล์ > นำเข้า > HTML (Cmd+Shift+H) รับไฟล์ .html หรือ .htm หรือไฟล์ .zip ที่มีสไตล์และรูปภาพ โดยรองรับ CSS cascade ตัวแปร media queries และ grid และแสดงรายการสิ่งที่ต้องประมาณค่า

de import:html https://example.com --viewport-height 900

5สร้างภาพหน้าจอใหม่

การ์ดภาพหน้าจอในหน้าแรกจะส่งไฟล์ PNG หรือ JPEG ให้เอเจนต์ ซึ่งจะสร้างใหม่เป็นงานออกแบบที่แก้ไขได้

6ส่วนขยาย Chrome

ส่วนขยายในรีโพสิทอรีจะจับภาพหน้าที่คุณกำลังดูเข้าสู่โปรแกรมแก้ไขที่กำลังทำงาน โดยจับทั้งหน้า เลือกองค์ประกอบเดียว ดึง design.md หรือดาวน์โหลดไฟล์ .de ได้