# Conecta un agente de IA a Formstep

Añade Formstep a Claude, ChatGPT, Cursor o cualquier herramienta compatible con servidores MCP remotos, inicia sesión, y elige el espacio de trabajo que puede usar el agente.

## Conecta un agente de IA a Formstep

Un agente de IA llega a Formstep por MCP, el protocolo que usan las herramientas de IA para llamar a otras apps. Pegas una URL, inicias sesión, y eliges un espacio de trabajo; el agente puede entonces construir formularios, enviar solicitudes y leer respuestas en ese espacio de trabajo.

<h2 id="before-you-start">Antes de empezar</h2>

<ul>
  <li>Una cuenta de Formstep que sea miembro del espacio de trabajo que quieres conectar.</li>
  <li>
    Una herramienta de IA compatible con servidores MCP remotos. Algunas herramientas limitan esto a ciertos planes; la tabla de abajo
    enlaza a la guía propia de cada herramienta.
  </li>
</ul>

<p>
  El trabajo de un agente no gasta créditos de IA de Formstep; tu herramienta de IA te factura según su propio precio. Consulta{' '}
  <a href="/es/ai/ai-credits-usage#mcp">Créditos de IA y uso</a>.
</p>

<h2 id="add-the-url">1. Añade el servidor de Formstep a tu herramienta de IA</h2>

<p>Cada herramienta pide lo mismo, la URL del servidor:</p>

```
https://api.formstep.io/api/mcp
```

<p>
  Deja vacío cualquier campo de ID de cliente, secreto o token. La herramienta encuentra la página de inicio de sesión desde el servidor y
  se registra sola. Dónde pegar la URL depende de la herramienta:
</p>

Customize</strong> › <strong>Connectors</strong> › <strong>+</strong> › <strong>Add custom connector</strong>. Un conector añadido en claude.ai también funciona en las apps de escritorio y móvil. En Team y Enterprise, un propietario lo añade primero en <strong>Organization settings</strong> › <strong>Connectors</strong>; en Free puedes añadir un conector personalizado.',
        '<a href="https://support.claude.com/en/articles/11175166-get-started-with-custom-connectors-using-remote-mcp">Anthropic</a>',
      ],
    },
    {
      label: 'Claude Code',
      cells: [
        'Ejecuta <code>claude mcp add --transport http formstep https://api.formstep.io/api/mcp</code>, y luego escribe <code>/mcp</code> en Claude Code para iniciar sesión.',
        '<a href="https://code.claude.com/docs/en/mcp">Anthropic</a>',
      ],
    },
    {
      label: 'ChatGPT',
      cells: [
        'Activa el modo desarrollador en <strong>Settings</strong> › <strong>Apps</strong> › <strong>Advanced settings</strong>. Luego abre <strong>Settings</strong> › <strong>Apps</strong> › <strong>Create</strong>, pega la URL, elige OAuth, haz clic en <strong>Scan Tools</strong>, inicia sesión en Formstep y haz clic en <strong>Create</strong>. El modo desarrollador solo funciona en la web. En Pro, ChatGPT solo puede leer: las herramientas que cambian algo, como enviar una solicitud o editar un formulario, necesitan Business, Enterprise o Edu. En Business, solo los administradores y los propietarios pueden usar el modo desarrollador.',
        '<a href="https://help.openai.com/en/articles/12584461-developer-mode-and-mcp-apps-in-chatgpt">OpenAI</a>',
      ],
    },
    {
      label: 'Cursor',
      cells: [
        'Haz clic en <a href="https://cursor.com/install-mcp?name=formstep&config=eyJ1cmwiOiJodHRwczovL2FwaS5mb3Jtc3RlcC5pby9hcGkvbWNwIn0=">Añadir a Cursor</a>. O añade <code>{"mcpServers": {"formstep": {"url": "https://api.formstep.io/api/mcp"}}}</code> a <code>.cursor/mcp.json</code> dentro de tu proyecto, o a <code>~/.cursor/mcp.json</code> para todos los proyectos.',
        '<a href="https://cursor.com/docs/mcp">Cursor</a>',
      ],
    },
  ]}
/>

<p>
  Cualquier otra herramienta compatible con servidores MCP remotos con inicio de sesión funciona igual: busca dónde añade un servidor por
  URL.
</p>

<h2 id="authorize">2. Inicia sesión y elige el espacio de trabajo</h2>

<p>
  La primera vez que el agente usa Formstep, tu herramienta de IA abre una página de Formstep en el navegador. Inicia sesión si te lo pide.
  Formstep muestra entonces qué herramienta lo pide, qué puede hacer, y los espacios de trabajo a los que perteneces:
</p>

<p>
  Elige el espacio de trabajo y haz clic en <strong>Authorize</strong>. El navegador vuelve a tu herramienta de IA. La conexión llega solo a
  ese espacio de trabajo; para usar otro, añade Formstep a tu herramienta una segunda vez y elige el otro.
</p>

<h2 id="check">3. Comprueba que funciona</h2>

<p>Pide al agente algo que solo Formstep puede responder:</p>

```
List my Formstep forms and whether each one is published.
```

<p>
  El agente llama a Formstep y responde con los formularios del espacio de trabajo que elegiste. Algunas herramientas, como Claude Code,
  dicen primero que están cargando definiciones de herramientas: Formstep ofrece todas sus herramientas de una vez, y la herramienta obtiene
  los detalles de las que necesita cada tarea.
</p>

> ℹ️ **Algunas acciones piden confirmación primero**
> <p>
>     Eliminar un formulario, despublicarlo, cancelar una solicitud y algunas otras acciones están marcadas para confirmación, y la mayoría de
>     las herramientas de IA te preguntan antes de ejecutarlas. El aviso viene de tu herramienta de IA, así que revisa su propia configuración
>     de aprobación. La lista completa está en <a href="/es/developers/mcp-server#confirmation">la referencia del servidor MCP</a>.
>   </p>

<h2 id="disconnect">Ver o eliminar la conexión</h2>

<p>
  En Formstep, abre <strong>OAuth y claves de API</strong> en la barra lateral del espacio de trabajo. Tu conexión aparece bajo{' '}
  <strong>Aplicaciones conectadas</strong>, con cuándo se conectó y cuándo se usó por última vez:
</p>

<p>
  Haz clic en el botón <strong>Desconectar</strong> y confirma. El agente pierde el acceso de inmediato, y te pide iniciar sesión de nuevo
  la próxima vez que necesite Formstep.
</p>

<h2 id="next">Siguiente</h2>

<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Referencia del servidor MCP](/es/developers/mcp-server) — Cada herramienta, los límites, y cómo conectarte con un token de API en su lugar.
  - [Construye un formulario con un agente de IA](/es/guides/ai-agents/build-a-form) — Describe el formulario, mira la vista previa, y publícalo.
</div>
