Design EditorDocsAgents et IA
Outils MCP
Les agents travaillent avec environ 190 outils : lire le document, le modifier, générer des pages entières, importer, exporter et écrire du code.
1Par où un agent doit commencer
get_editor_state renvoie le document ouvert, la page et la sélection. ToolSearch trouve le bon outil par mot-clé : un agent n’a donc pas besoin de toute la liste dès le départ.
2Le workflow par couches
design_skeletonpose le cadre de la page et ses sections.design_contentremplit une section à la fois.design_refinepeaufine une page terminée.finalize_designapplique des passes de correction fixes sur toute la page.
Les corrections ne touchent que ce que l’agent a généré, jamais vos propres calques. Les nouvelles pages sont placées à droite du travail existant au lieu de le recouvrir.
3Groupes d’outils
| Groupe | Exemples |
|---|---|
| Document | open_document, save_document, lint_document, get_design_quality |
| Lecture | read_nodes, find_node_by_name, snapshot_layout, find_empty_space |
| Modification | insert_node, update_node, move_node, replace_all_matching_properties |
| Sélection | set_selection, align_selected, group_selected, boolean_op, undo |
| Pages | add_page, duplicate_page, reorder_page, set_active_page |
| Composants | create_component, instantiate_component, add_library, 37 outils de kit insert_* |
| Variables | set_variables, set_themes, apply_design_system, save_theme_preset |
| Consignes | get_design_md, get_style_guide, get_guidelines |
| Génération | 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 |
| Aperçu | set_screen, set_slide_transition, capture_preview, browser |
de tools affiche chaque outil avec ses paramètres, et de <tool> key=value en appelle un depuis le terminal.
4Scripts
execute exécute du JavaScript sur le document. Un script entier compte pour une seule étape d’annulation : un agent peut faire cent modifications, et vous pouvez toutes les annuler avec un seul Cmd+Z.
5Images et vecteurs
generate crée des images IA, trouve des photos de banque d’images, dessine du SVG, vectorise une image, supprime ou remplace un arrière-plan. enrich_images remplit les emplacements d’image vides avec des photos d’Openverse, ou de Wikimedia à défaut.
6Éléments de formulaire
Les agents peuvent placer des contrôles de formulaire fonctionnels : champs de texte, zones de texte, champs numériques, listes déroulantes, groupes de boutons radio, interrupteurs, cases à cocher, curseurs, barres de progression et onglets.