# Construye un formulario con un agente de IA

Pide a Claude, ChatGPT, Cursor u otro agente conectado que construya un formulario de formbase, míralo tomar forma en una vista previa, cámbialo, y publícalo.

## Construye un formulario con un agente de IA

Describes el formulario con palabras sencillas; el agente lo construye en tu espacio de trabajo como borrador y te da un enlace de vista previa. Pides cambios de la misma forma, y publicas cuando se ve bien.

<p>
  Necesitas una herramienta de IA con <a href="/es/guides/ai-agents/connect">formbase conectado</a>. Los prompts de abajo son los que se
  usaron para probar esta guía; cualquier redacción funciona, siempre que diga qué pedir y si publicar.
</p>

<h2 id="describe">1. Describe el formulario</h2>

<p>Nombra el formulario, enumera lo que debe preguntar, y di que se queda como borrador por ahora:</p>

```
Build a formbase form called "[Guide] Supplier onboarding". Ask for the company name, a contact email, the company's VAT number, and whether they accept our 30-day payment terms (yes or no). Keep it as a draft and send me the preview link.
```

<p>
  El agente crea el formulario en el espacio de trabajo que conectaste, añade una pregunta a la vez, y lee el formulario de vuelta para
  comprobar el orden. Elige un tipo de pregunta para cada elemento: un campo de correo para el correo de contacto, una elección única para
  sí o no. Cuando termina, responde con las preguntas que añadió y un enlace de vista previa.
</p>

<h2 id="preview">2. Abre la vista previa</h2>

<p>
  El enlace de vista previa muestra el borrador tal como lo verá el destinatario, y sigue en vivo las ediciones del agente, así que mantenlo
  abierto mientras pides cambios.
</p>

<p>
  El mismo formulario está en formbase bajo <strong>Formularios</strong>, donde puedes abrirlo en el editor y cambiar cualquier cosa a mano.
  Lo que construye el agente es un formulario normal.
</p>

<h2 id="change">3. Pide cambios</h2>

<p>Di qué cambiar en la misma conversación, nombrando las preguntas por su título:</p>

```
Make the VAT number optional and add a file upload for their certificate of incorporation at the end.
```

<p>La vista previa abierta muestra el cambio en cuanto el agente lo hace:</p>

<p>
  Casi todo lo que ajustas en el editor se lo puedes pedir a un agente: obligatorio u opcional, una descripción, opciones de elección,
  lógica condicional, el tema, las traducciones. Para formularios largos, pide una parte a la vez y revisa la vista previa entre medias.
</p>

<h2 id="publish">4. Publica y obtén las claves de campo</h2>

<p>Cuando la vista previa se vea bien, pide al agente que publique:</p>

```
Looks good. Publish it, give me the link to share, and list each question's field key.
```

<p>
  El agente publica el formulario y enumera las <a href="/es/requests/field-keys">claves de campo</a>. La primera publicación siempre crea
  un <a href="/es/sharing-publishing/sharing-embedding#share-links">enlace de compartir</a> que cualquiera puede abrir, y el agente te lo
  da. Un agente lee las claves del formulario publicado, así que si se lo pides antes de publicar, dice que todavía no puede listarlas.
</p>

<p>
  Cada clave viene del título de la pregunta: <em>Company name</em> se convierte en <code>company_name</code>. Las claves son cómo una
  solicitud precompleta una pregunta y cómo vuelven las respuestas, y <a href="/es/requests/field-keys#freeze">se mantienen igual</a> cuando
  después renombras una pregunta. Un agente no puede elegir una clave. Para acortar una larga, edítala en la{' '}
  <a href="/es/requests/field-keys#where">tabla de Claves</a> del editor, mejor antes de la primera publicación, mientras ninguna
  automatización la usa todavía.
</p>

> ℹ️ **Publicar hace público el formulario**
> <p>
>     Una vez publicado, cualquiera con el enlace de compartir puede enviar el formulario. Para recibir respuestas solo de personas concretas,
>     pide al agente que revoque el enlace de compartir y <a href="/es/guides/ai-agents/send-a-request">envíe solicitudes</a> en su lugar.
>   </p>

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

<div class="not-prose grid gap-3 sm:grid-cols-2 mb-8">
  - [Envía una solicitud con un agente de IA](/es/guides/ai-agents/send-a-request) — Pide a una persona que complete el formulario, precompletado, y lee sus respuestas después.
  - [Tipos de pregunta](/es/building-forms/field-types) — Cada tipo de pregunta que un agente puede añadir.
</div>
