Design Editorเอกสารข้อมูลอ้างอิง
บรรทัดคำสั่ง
คำสั่ง de สื่อสารกับโปรแกรมแก้ไขที่กำลังทำงานอยู่ ทุกอย่างที่เอเจนต์ทำได้ผ่าน MCP คุณก็ทำได้จากเทอร์มินัลหรือสคริปต์
1รันโปรแกรมแก้ไข
| คำสั่ง | หน้าที่ |
|---|---|
de start [--file F] | เปิดโปรแกรมแก้ไขพร้อมเซิร์ฟเวอร์ MCP |
de start --web [--host H] | ให้บริการโปรแกรมแก้ไขผ่านเบราว์เซอร์ |
de start --headless | รันเซิร์ฟเวอร์ MCP โดยไม่มีหน้าต่าง |
de stop / de status | หยุดการทำงาน หรือแสดงว่ากำลังทำงานอยู่หรือไม่ |
de จะค้นหาโปรแกรมแก้ไขที่กำลังทำงานเอง ใช้ --port เพื่อชี้ไปที่อื่น --file และ --page เพื่อเลือกเอกสารและหน้า และ --pretty เพื่อให้ผลลัพธ์อ่านง่าย
2ส่งออก
เทอร์มินัล
de export --selection --output hero.png --scale 2
de export-frames --output-dir out --format webp
de export-deck --output deck.pdf --format pdf--time-ms เรนเดอร์เชดเดอร์แบบเคลื่อนไหว ณ ช่วงเวลาที่เลือก
3อ่านและแก้ไข
| คำสั่ง | หน้าที่ |
|---|---|
de get, de selection, de read-nodes | อ่านเลเยอร์ตามประเภท ชื่อ หรือ id |
de insert, de update, de delete, de move, de copy, de replace | แก้ไขเลเยอร์ด้วย JSON |
de design | รันสคริปต์ออกแบบ |
de design:skeleton, design:content, design:refine | เวิร์กโฟลว์แบบเป็นชั้น |
de page list|add|rename|reorder|duplicate|remove | หน้า |
de vars, de themes, de theme:save|load|list | ตัวแปรและธีม |
de layout, de find-space | ตรวจดูเลย์เอาต์ หาพื้นที่สำหรับบอร์ดใหม่ |
de templates, de use-template, de styles | เทมเพลตและคู่มือสไตล์ |
4นำเข้าและโค้ด
เทอร์มินัล
de import:figma design.fig --out design.de
de import:svg logo.svg
de import:html page.html
de codegen:assemble <planId> --framework reactde import:pen และ de import:snapshot ใช้กับไฟล์ pen.dev และสแนปชอตหน้าเว็บ
5เรียกเครื่องมือใดก็ได้
de tools แสดงรายการเครื่องมือ MCP ทั้งหมด เรียกใช้เครื่องมือด้วยอาร์กิวเมนต์ key=value:
เทอร์มินัล
de set_node_fill_hex id=hero hex=#3e6df5