> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# ¿Qué es Flowstep?

> Flowstep es una herramienta de diseño impulsada por IA que genera pantallas de interfaz pulidas a partir de prompts de texto. Aprende qué hace, para quién es y qué puedes construir con ella.

<iframe src="https://www.youtube.com/embed/ziyHZVaSbvQ" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

Describe la pantalla que deseas, obtén una interfaz diseñada en segundos.

Para los desarrolladores, es la forma más rápida de especificar una interfaz antes de escribir el código. Para gerentes de producto y fundadores, es una forma de comunicar ideas de productos sin ambigüedad. Para los diseñadores, es un punto de partida que evita la pantalla en blanco.

## Qué puedes hacer con Flowstep

* **Generar pantallas desde texto** — describe lo que deseas, obtén una interfaz de usuario diseñada en segundos
* **Iterar a través de prompts o ediciones directas** — refina diseños, copias y estilos sin salir del lienzo
* **Vista previa como prototipo interactivo** — Flowstep vincula tus pantallas en un flujo clickeable automáticamente. Ver [Prototipos](/es/prototypes).
* **Conectar a tu IDE a través de MCP** — generar y editar pantallas desde Cursor, Claude Code, Windsurf o Claude Desktop. Ver [Servidor MCP](/es/mcp/overview).
* **Exportar a Figma, código o como archivos de imagen** — pega directamente en un archivo Figma existente, exporta el código o descarga pantallas como PNG/JPG
* **Compartir con un enlace** — los revisores no necesitan una cuenta Flowstep para ver o comentar

## Para quién es Flowstep

* **Desarrolladores** que construyen interfaz de usuario de productos sin un diseñador a mano, o que desean especificar una pantalla visualmente antes de implementarla
* **Gerentes de producto y fundadores** comunicando ideas visualmente o validando una idea
* **Diseñadores** evitando la pantalla en blanco — comienza desde un diseño generado y edita desde allí

<Note>
  No se requiere experiencia en diseño. Si puedes describir una pantalla en inglés simple, Flowstep puede generarla.
</Note>

## A dónde ir a continuación

<CardGroup cols={2}>
  <Card title="Inicio rápido" icon="rocket" href="/es/getting-started">
    Genera tu primera pantalla en menos de cinco minutos.
  </Card>

  <Card title="Servidor MCP" icon="terminal" href="/es/mcp/overview">
    Usa Flowstep desde Cursor, Claude Code, o cualquier cliente compatible con MCP.
  </Card>

  <Card title="Generación de diseños" icon="wand-magic-sparkles" href="/es/generating-designs">
    Cómo escribir prompts que produzcan las pantallas que realmente deseas.
  </Card>

  <Card title="Integración con Figma" icon="figma" href="/es/figma-integration">
    Pega diseños de Flowstep en un archivo Figma existente con un atajo.
  </Card>
</CardGroup>