Design EditorДокументацияАгенты и ИИ
Инструменты MCP
Агентам доступно около 190 инструментов: чтение и правка документа, генерация целых страниц, импорт, экспорт и написание кода.
1С чего агенту начать
get_editor_state возвращает открытый документ, страницу и выделение. ToolSearch находит нужный инструмент по ключевому слову, так что агенту не нужен весь список заранее.
2Поэтапный процесс
design_skeletonразмечает фрейм страницы и её разделы.design_contentзаполняет разделы по одному.design_refineдоводит готовую страницу до ума.finalize_designвыполняет фиксированные проходы исправлений по всей странице.
Исправления затрагивают только то, что сгенерировал агент, и никогда — ваши собственные слои. Новые страницы размещаются справа от существующей работы, а не поверх неё.
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 над документом. Весь скрипт — это один шаг отмены, поэтому агент может внести сотню изменений, а вы — откатить их одним Cmd+Z.
5Изображения и векторы
generate создаёт изображения с помощью ИИ, находит стоковые фотографии, рисует SVG, векторизует изображения, удаляет или заменяет фон. enrich_images заполняет пустые места для изображений фотографиями из Openverse, а при необходимости — из Wikimedia.
6Элементы форм
Агенты могут размещать работающие элементы форм: текстовые поля, многострочные поля, числовые поля, списки выбора, группы переключателей, тумблеры, флажки, ползунки, индикаторы прогресса и вкладки.