Design EditorDokuAgenten und KI
MCP-Tools
Agenten arbeiten mit rund 190 Tools: Dokument lesen, ändern, ganze Seiten generieren, importieren, exportieren und Code schreiben.
1Wo ein Agent anfangen sollte
get_editor_state liefert das geöffnete Dokument, die Seite und die Auswahl. ToolSearch findet das passende Tool per Stichwort, sodass ein Agent nicht von Anfang an die ganze Liste braucht.
2Der mehrstufige Workflow
design_skeletonlegt den Seitenrahmen und seine Abschnitte an.design_contentfüllt jeweils einen Abschnitt.design_refineverfeinert eine fertige Seite.finalize_designführt feste Reparaturdurchläufe über die ganze Seite aus.
Reparaturen betreffen nur, was der Agent erzeugt hat, nie Ihre eigenen Ebenen. Neue Seiten werden rechts neben bestehender Arbeit platziert, statt sie zu überdecken.
3Tool-Gruppen
| Gruppe | Beispiele |
|---|---|
| Dokument | open_document, save_document, lint_document, get_design_quality |
| Lesen | read_nodes, find_node_by_name, snapshot_layout, find_empty_space |
| Bearbeiten | insert_node, update_node, move_node, replace_all_matching_properties |
| Auswahl | set_selection, align_selected, group_selected, boolean_op, undo |
| Seiten | add_page, duplicate_page, reorder_page, set_active_page |
| Komponenten | create_component, instantiate_component, add_library, 37 insert_*-Kit-Tools |
| Variablen | set_variables, set_themes, apply_design_system, save_theme_preset |
| Leitlinien | get_design_md, get_style_guide, get_guidelines |
| Generieren | batch_design, execute, generate, enrich_images, run_design_agent |
| Import | import_svg, import_html, import_html_url, import_pen_dev |
| Export | get_screenshot, export_nodes, export_frames, export_deck |
| Code | codegen_export, codegen_plan, codegen_assemble |
| Vorschau | set_screen, set_slide_transition, capture_preview, browser |
de tools gibt jedes Tool mit seinen Parametern aus, und de <tool> key=value ruft eines aus dem Terminal auf.
4Skripte
execute führt JavaScript auf dem Dokument aus. Ein ganzes Skript ist ein Rückgängig-Schritt, sodass ein Agent hundert Änderungen vornehmen kann und Sie alle mit einem Cmd+Z zurücknehmen.
5Bilder und Vektoren
generate erzeugt KI-Bilder, findet Stockfotos, zeichnet SVG, vektorisiert ein Bild, entfernt einen Hintergrund oder ersetzt ihn. enrich_images füllt leere Bildplätze mit Fotos von Openverse, ersatzweise von Wikimedia.
6Formular-Widgets
Agenten können funktionierende Formularelemente platzieren: Texteingaben, Textbereiche, Zahleneingaben, Auswahllisten, Radiogruppen, Schalter, Checkboxen, Schieberegler, Fortschrittsbalken und Tabs.