Crea una app en Studio
Video coming soon
El vídeo del recorrido por Studio está en camino. Mientras tanto, esta lección te guía para crear una app desde un chat — sin necesidad de editor externo.
Studio es el constructor de apps con IA dentro del panel y el modo por defecto de cada proyecto: al abrir /projects/{id} vas directo a /studio. Describes lo que quieres en un chat, ves cómo se actualiza la vista previa en vivo según toma forma la app y luego la publicas — todo sin salir de HeroMate. Es el camino más rápido para perfiles no técnicos que no quieren montar un IDE.
Qué hay dentro de Studio
Studio reúne todo el ciclo de construcción en una sola pantalla:
- Constructor por chat — describe funciones en lenguaje normal; la IA crea el frontend y el backend (tablas, endpoints, auth, storage) por ti.
- Vista previa en vivo — ves la app renderizarse y actualizarse mientras la IA trabaja, junto al chat.
- Espacio de código — abre y edita directamente el código generado (esto es el modo dev, una capacidad de Pro).
- Editor del plan — revisa y ajusta lo que la IA va a construir antes de que lo ejecute.
- Panel de publicación — pon tu app en producción en su URL
*.dypai.appcon un clic. - Versiones / rollback — cada publicación se guarda; vuelve a una versión anterior si algo sale mal.
Construye desde un chat
Abre tu proyecto en Studio
Crea o abre un proyecto — entra en Studio por defecto. Verás el chat en un lado y la vista previa en vivo en el otro.
Describe la app
Escribe un prompt como "un gestor de tareas donde los usuarios puedan registrarse, añadir tareas, marcarlas como hechas y filtrar por grupo." La IA propone un plan; puedes revisarlo en el editor del plan antes de que lo construya.
Mira cómo se construye en la vista previa
A medida que la IA trabaja, la vista previa en vivo se actualiza para que veas aparecer las pantallas y los flujos. Crea el frontend y conecta el backend — tablas, endpoints, autenticación — por detrás.
Itera chateando
¿Quieres cambios? Díselo a la IA: "añade un botón de borrar" o "déjame filtrar por fecha." ¿Aparece un error? Descríbelo y el agente lo corrige, luego vuelves a probar. El bucle se mantiene sencillo.
Publica
Cuando estés conforme, usa el panel de publicación para desplegar. Tu app sale en vivo en su URL *.dypai.app. En el plan Pro puedes conectar un dominio propio.
Construir consume Créditos IA
Cada vez que la IA construye o edita tu app en Studio, gasta Créditos IA, escalados según el tamaño de la tarea. Free te da +5 créditos/día; Pro incluye 100 créditos/mes (más 100 Créditos de Lanzamiento de una sola vez).
Tu app en vivo nunca se apaga
Los Créditos IA solo cubren el trabajo de construir/editar. Tus apps desplegadas siguen en vivo sin importar tu saldo de créditos — quedarte sin créditos nunca tira tu app abajo. Aprende más en Planes y Créditos IA.
Studio frente a IDE + MCP
Ambos construyen el mismo backend — elige el que encaje con tu forma de trabajar:
- Studio — sin configuración, sin editor. Ideal para perfiles no técnicos e iteración rápida directamente desde el panel.
- IDE + MCP — conecta Claude Code, Codex, Cursor, Windsurf o Antigravity desde la página "Conectar IA" de tu organización y deja que tu IA construya junto a tu código. Ideal si ya vives en un editor. Mira Monta el backend en 5 min.
El modo dev es una función Pro
Editar directamente el código generado (modo dev en el espacio de código) está disponible en el plan Pro. En Free construyes todo a través del chat y la vista previa en vivo.
Versiones y rollback
Cada publicación se guarda como una versión. Si un cambio rompe algo, abre el panel de versiones y haz rollback a una build que funcionaba con un clic — sin deshacer a mano.
Qué aprenderás
- Que Studio es el modo por defecto del proyecto — sin necesidad de IDE
- A construir una app desde un chat con vista previa en vivo
- A iterar con el agente y arreglar errores describiéndolos
- Cómo consume Créditos IA la construcción (y por qué tu app en vivo nunca se apaga)
- A publicar y usar versiones / rollback
- Cuándo usar Studio frente a IDE + MCP, y que el modo dev es de Pro