Design Editor文档Agent 与 AI
MCP 工具
Agent 通过约 190 个工具完成工作：读取文档、修改文档、生成整页、导入、导出和编写代码。
1Agent 应该从哪里开始
get_editor_state 返回当前打开的文档、页面和选区。ToolSearch 按关键词查找合适的工具，因此 Agent 不需要一开始就加载完整列表。
2分层工作流
design_skeleton搭建页面画框及其区块。design_content一次填充一个区块。design_refine打磨已完成的页面。finalize_design对整个页面运行固定的修复流程。
修复只会处理 Agent 生成的内容，绝不会改动你自己的图层。新页面会放在现有内容的右侧，而不是叠在上面。
3工具分组
| 分组 | 示例 |
|---|---|
| 文档 | open_document, save_document, lint_document, get_design_quality |
| 读取 | read_nodes, find_node_by_name, snapshot_layout, find_empty_space |
| 编辑 | insert_node, update_node, move_node, replace_all_matching_properties |
| 选区 | set_selection, align_selected, group_selected, boolean_op, undo |
| 页面 | add_page, duplicate_page, reorder_page, set_active_page |
| 组件 | create_component, instantiate_component, add_library，以及 37 个 insert_* 套件工具 |
| 变量 | set_variables, set_themes, apply_design_system, save_theme_preset |
| 指导 | get_design_md, get_style_guide, get_guidelines |
| 生成 | batch_design, execute, generate, enrich_images, run_design_agent |
| 导入 | import_svg, import_html, import_html_url, import_pen_dev |
| 导出 | get_screenshot, export_nodes, export_frames, export_deck |
| 代码 | codegen_export, codegen_plan, codegen_assemble |
| 预览 | set_screen, set_slide_transition, capture_preview, browser |
de tools 会列出每个工具及其参数，de <tool> key=value 可以在终端中调用某个工具。
4脚本
execute 针对文档运行 JavaScript。整个脚本算作一个撤销步骤，因此 Agent 即使做了一百处修改，你也只需一次 Cmd+Z 就能全部撤回。
5图片和矢量图
generate 可以生成 AI 图片、查找图库照片、绘制 SVG、将图片矢量化，以及移除或替换背景。enrich_images 用 Openverse 的照片填充空的图片位，找不到时改用 Wikimedia。
6表单控件
Agent 可以放置可用的表单控件：文本输入框、多行文本框、数字输入框、选择框、单选按钮组、开关、复选框、滑块、进度条和标签页。