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