# Flowstep: Spanish ## Spanish ### Documentación #### Primeros pasos - [¿Qué es Flowstep?](https://docs.flowstep.ai/es/introduction.md): 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. - [Comienza con Flowstep: crea una cuenta y genera diseños](https://docs.flowstep.ai/es/getting-started.md): Crea una cuenta gratuita de Flowstep, genera tu primer diseño de interfaz desde un prompt de texto y comparte con tu equipo — todo en una sesión. - [Cómo usar Flowstep sin experiencia previa en diseño](https://docs.flowstep.ai/es/no-design-skills.md): No necesitas un trasfondo de diseño para crear excelentes pantallas de interfaz con Flowstep. Aprende cómo describir lo que deseas y deja que Flowstep maneje el resto. #### Uso de Flowstep - [Genera pantallas de interfaz de usuario a partir de prompts de texto con Flowstep](https://docs.flowstep.ai/es/generating-designs.md): Usa Flowstep para generar una pantalla o hasta 6 pantallas a la vez a partir de un solo prompt de texto, ideal para idear interfaces de usuario con rapidez y explorar flujos completos. - [Editar e iterar en diseños de Flowstep mediante chat o lienzo](https://docs.flowstep.ai/es/editing-designs.md): Refina cualquier pantalla generada por Flowstep mediante edición visual manual o prompts basados en chat — itera tantas veces como sea necesario hasta que el diseño sea correcto. - [Usa referencias para guiar y acelerar los diseños de Flowstep](https://docs.flowstep.ai/es/design-references.md): Adjunta un PRD, carga una imagen o pega una URL para dar contexto a Flowstep—para que puedas idear más rápido sin escribir prompts largos. - [Establece directrices de diseño para mantener cada generación de Flowstep en marca](https://docs.flowstep.ai/es/design-guidelines.md): Define directrices de diseño a nivel de archivo en formato DESIGN.md—colores, tipografía, espaciado y convenciones que guíen cada generación y edición de AI en el archivo. - [Usa temas para mantener coherentes los colores y el redondeo de las esquinas en todas las pantallas de Flowstep](https://docs.flowstep.ai/es/themes.md): Elige o genera un tema para cada archivo, cambia el estilo de pantallas individuales, edita los temas de tu organización y vincula colores y esquinas a tokens del tema para que los cambios se apliquen a todas las pantallas. - [Vista previa de diseños de Flowstep como prototipos interactivos](https://docs.flowstep.ai/es/prototypes.md): Abre cualquier archivo de Flowstep como un prototipo clickeable — Flowstep enlaza tus pantallas automáticamente, y puedes establecer o bloquear la navegación manualmente por elemento. - [Comparte diseños de Flowstep con tu equipo y las partes interesadas](https://docs.flowstep.ai/es/sharing-designs.md): Genera un enlace para compartir cualquier diseño de Flowstep, controla quién puede abrir un archivo con los niveles de acceso general e invita a personas por correo electrónico a ver o editar. #### Equipos y organizaciones - [Organizaciones de Flowstep: equipos, roles y permisos](https://docs.flowstep.ai/es/organizations.md): Aprende cómo funcionan las organizaciones en Flowstep — qué pueden hacer Owners (propietarios), Admins (administradores), Members (miembros) e Guests (invitados), cómo se comparten archivos en tu equipo, y cómo unirte o cambiar de organización. - [Gestiona tu organización: personas, roles y configuración](https://docs.flowstep.ai/es/organization-settings.md): Añade miembros a tu organización de Flowstep, cambia roles, gestiona invitados e invitaciones pendientes, y renombra tu organización — todo desde Settings. #### Exportación e integraciones - [Descarga diseños de Flowstep como archivos de imagen JPG o PNG](https://docs.flowstep.ai/es/export-formats.md): Flowstep permite exportar diseños como JPG o PNG. Aprende qué formato se adapta a tu caso de uso y cómo descargar tus pantallas en unos pocos clics. - [Mueve diseños entre Flowstep y Figma](https://docs.flowstep.ai/es/figma-integration.md): Copia cualquier marco de Flowstep en Figma con copiar y pegar, o importa marcos de Figma a Flowstep como pantallas editables. Trabaja en ambas herramientas sin cambiar de una a otra. #### Servidor MCP - [Servidor MCP de Flowstep](https://docs.flowstep.ai/es/mcp/overview.md): Conecta tu agente de programación a Flowstep mediante MCP para generar, editar, inspeccionar y gestionar pantallas en el lienzo de diseño desde Claude, Cursor, Codex o cualquier cliente compatible con MCP. - [Inicio rápido de MCP](https://docs.flowstep.ai/es/mcp/quickstart.md): Conecta Flowstep a tu agente de programación y ejecuta tu primera llamada a una herramienta. - [Autenticación de MCP](https://docs.flowstep.ai/es/mcp/authentication.md): Cómo los clientes de MCP de Flowstep se autentican: flujo OAuth 2.1 PKCE y creación de cuenta. - [Referencia de herramientas de MCP](https://docs.flowstep.ai/es/mcp/tools.md): Esquema de entrada, forma de la salida y ejemplos de las 23 herramientas de MCP de Flowstep. - [Límites de uso de MCP](https://docs.flowstep.ai/es/mcp/usage-limits.md): Qué herramientas de MCP usan mensajes, cómo se aplican los límites a las llamadas de herramientas de MCP y cómo consultar tu cuota restante. - [Ejemplos de MCP](https://docs.flowstep.ai/es/mcp/examples.md): Flujos de trabajo de principio a fin para tareas comunes de MCP de Flowstep. ##### Clientes - [MCP de Flowstep — Cursor](https://docs.flowstep.ai/es/mcp/clients/cursor.md): Conecta Flowstep a Cursor usando el transporte MCP Streamable HTTP. - [MCP de Flowstep — Claude Code](https://docs.flowstep.ai/es/mcp/clients/claude-code.md): Conecta Flowstep a Claude Code (CLI) usando el transporte MCP Streamable HTTP. - [MCP de Flowstep — Windsurf](https://docs.flowstep.ai/es/mcp/clients/windsurf.md): Conecta Flowstep a Windsurf usando el transporte MCP Streamable HTTP. - [MCP de Flowstep — Codex](https://docs.flowstep.ai/es/mcp/clients/codex.md): Conecta Flowstep a OpenAI Codex usando el transporte MCP Streamable HTTP. - [MCP de Flowstep — Claude Desktop](https://docs.flowstep.ai/es/mcp/clients/claude-desktop.md): Añade Flowstep a Claude Desktop con un clic desde el directorio de conectores de Claude. - [MCP de Flowstep — claude.ai](https://docs.flowstep.ai/es/mcp/clients/claude-ai.md): Añade Flowstep a Claude con un clic desde el directorio de conectores de Claude. #### Facturación y planes - [Precios de Flowstep: prueba gratuita, nivel gratuito y planes de pago](https://docs.flowstep.ai/es/pricing.md): Comienza con Flowstep gratis y sin tarjeta de crédito. Compara los planes Free, Starter, Pro y Max, con precios por asiento y facturación anual para ahorrar hasta un 20%. - [Facturación de Flowstep: ciclos, cancelación y acceso](https://docs.flowstep.ai/es/billing.md): Aprende cómo Flowstep maneja los ciclos de facturación mensuales y anuales, quién puede gestionar la facturación en una organización, cómo cancelar tu suscripción y qué sucede después de cancelar. - [Asientos y facturación por asiento para equipos de Flowstep](https://docs.flowstep.ai/es/seats.md): Cómo funcionan los asientos en los planes de pago de Flowstep: quién usa un asiento, cómo agregar y eliminar miembros afecta tu factura, y qué sucede con los miembros sin asiento. - [Mensajes de Flowstep explicados: límites de uso y restablecimientos](https://docs.flowstep.ai/es/messages-and-limits.md): Descubre qué cuenta como mensaje en Flowstep, cómo funcionan los límites diarios y mensuales, cómo se aplican los límites por asiento en un equipo y qué pasa cuando alcanzas tu límite. - [Accede y descarga tus facturas de facturación de Flowstep](https://docs.flowstep.ai/es/invoices.md): Flowstep genera automáticamente facturas para todos los planes de pago después de cada ciclo de facturación. Descárgalas en cualquier momento desde tu panel de control. #### Seguridad y privacidad - [Cómo Flowstep protege tus datos de cuenta y diseños](https://docs.flowstep.ai/es/security.md): Aprende cómo Flowstep protege tus datos con cifrado en tránsito y en reposo, y dónde encontrar detalles completos sobre seguridad en la Política de Privacidad. - [Política de privacidad de datos de Flowstep y límites de entrenamiento de IA](https://docs.flowstep.ai/es/data-privacy.md): Flowstep no usa tus datos personales para entrenar modelos de IA, ni tampoco lo hacen sus proveedores de LLM. Aprende qué datos pueden usarse y cómo. ### Registro de cambios - [Flowstep changelog](https://docs.flowstep.ai/changelog.md): Flowstep changelog and product updates. Stay up to date with new features and improvements shipped in Flowstep.