Herramientas MCP

Los agentes trabajan con unas 190 herramientas: leer el documento, modificarlo, generar páginas completas, importar, exportar y escribir código.

1Por dónde debe empezar un agente

get_editor_state devuelve el documento abierto, la página y la selección. ToolSearch encuentra la herramienta adecuada por palabra clave, así que un agente no necesita la lista completa desde el principio.

2El flujo por capas

design_skeleton traza el marco de la página y sus secciones.
design_content rellena una sección cada vez.
design_refine pule una página terminada.
finalize_design ejecuta pasadas de reparación fijas sobre toda la página.

Las reparaciones solo tocan lo que generó el agente, nunca tus propias capas. Las páginas nuevas se colocan a la derecha del trabajo existente, no encima.

3Grupos de herramientas

Grupo	Ejemplos
Documento	`open_document`, `save_document`, `lint_document`, `get_design_quality`
Lectura	`read_nodes`, `find_node_by_name`, `snapshot_layout`, `find_empty_space`
Edición	`insert_node`, `update_node`, `move_node`, `replace_all_matching_properties`
Selección	`set_selection`, `align_selected`, `group_selected`, `boolean_op`, `undo`
Páginas	`add_page`, `duplicate_page`, `reorder_page`, `set_active_page`
Componentes	`create_component`, `instantiate_component`, `add_library`, 37 herramientas de kit `insert_*`
Variables	`set_variables`, `set_themes`, `apply_design_system`, `save_theme_preset`
Guías	`get_design_md`, `get_style_guide`, `get_guidelines`
Generación	`batch_design`, `execute`, `generate`, `enrich_images`, `run_design_agent`
Importación	`import_svg`, `import_html`, `import_html_url`, `import_pen_dev`
Exportación	`get_screenshot`, `export_nodes`, `export_frames`, `export_deck`
Código	`codegen_export`, `codegen_plan`, `codegen_assemble`
Vista previa	`set_screen`, `set_slide_transition`, `capture_preview`, `browser`

de tools muestra todas las herramientas con sus parámetros, y de <tool> key=value llama a una desde la terminal.

4Scripts

execute ejecuta JavaScript sobre el documento. Un script completo es un solo paso de deshacer, así que un agente puede hacer cien cambios y tú puedes revertirlos con un solo Cmd+Z.

5Imágenes y vectores

generate crea imágenes con IA, busca fotos de stock, dibuja SVG, vectoriza una imagen, quita un fondo o lo reemplaza. enrich_images rellena los huecos de imagen vacíos con fotos de Openverse y, si no hay, de Wikimedia.

6Controles de formulario

Los agentes pueden colocar controles de formulario funcionales: campos de texto, áreas de texto, campos numéricos, selectores, grupos de opciones, interruptores, casillas, deslizadores, barras de progreso y pestañas.

DocumentaciónAgentes e IA