AI Studio puede construir desde una sola página de destino hasta experiencias web completas y multipágina con formularios, flujos de reserva y dominios conectados. Debido a que cada solicitud es diferente en alcance, el trabajo que realiza AI Studio — como la cantidad de prompts, pasos de razonamiento, recursos generados y acciones de conexión — varía de un proyecto a otro.
Este artículo explica cómo se estructuran los proyectos en AI Studio, qué sucede durante una sesión de construcción y qué factores influyen en la cantidad de trabajo involucrado, utilizando ejemplos del mundo real.
---ÍNDICE DE CONTENIDOS
- Comprendiendo las sesiones de construcción en AI Studio
- Resumen de precios de AI Studio
- Página de destino para captura de leads de yoga
- Página de destino editorial de moda con enfoque en imágenes
- Sitio web de viajes de 7 páginas con CMS
- ¿Qué afecta el uso de AI Studio?
- Preguntas frecuentes
Comprendiendo las sesiones de construcción en AI Studio
Un proyecto en AI Studio consiste en uno o más turnos conversacionales donde la IA planifica, razona, genera contenido y elementos visuales, renderiza una vista previa en vivo y realiza acciones soportadas como conectar un formulario o un calendario. Cada sesión se mide por el trabajo realizado, en lugar de solamente el número de prompts enviados.
Una sesión típica de construcción puede incluir:
- Comprender tu solicitud
- Hacer preguntas de seguimiento cuando la solicitud es amplia
- Utilizar una URL de referencia, captura de pantalla o imágenes subidas como guía
- Planificar la estructura de una sola página o multipágina
- Generar el layout, contenido y elementos visuales
- Renderizar una vista previa editable y en vivo
- Crear una nueva versión con cada cambio
- Conectar componentes compatibles como formularios y calendarios
- Publicar en un dominio personalizado o vista previa
Proyectos más complejos — más páginas, más refinamientos, más componentes conectados — generalmente requieren más procesamiento que un borrador de una sola página.
---Resumen de precios de AI Studio
AI Studio funciona con un modelo basado en el uso, por lo que el costo de cada sesión varía según la complejidad de la solicitud, la cantidad de operaciones de IA realizadas, y cualquier recurso generado o acción de conexión ejecutada.
El costo no se basa únicamente en el número de páginas. Las imágenes generadas por IA y otros medios pueden tener un mayor impacto en el uso. Por ejemplo, una sola página de destino cargada de imágenes podría costar más que un sitio estructurado de 7 páginas con menos imágenes generadas.
Debido a que el costo se basa en el trabajo realizado en una sesión, el total habitualmente escala con:
Cantidad de pasos de razonamiento y planificación
Número de páginas generadas
Generación de contenido y copy
Imágenes y otros medios generados por IA
Análisis de una URL o imagen de referencia
Conexión de formularios y calendarios
Refinamientos iterativos e historial de versiones
Publicación y configuración de dominio personalizado
Página de destino para captura de leads de yoga
Este ejemplo muestra cómo AI Studio crea una página de destino pulida de una sola página a partir de un prompt corto — generando imágenes, un sistema de diseño temático y un formulario de captura de leads validado, ofreciendo luego conectarlo al CRM.
Resumen
AI Studio construyó una página de destino de captura de leads para yoga, "Sahaja", con una sección principal, cuadrícula de beneficios, estilos de clase, horario semanal, biografía del instructor, testimonios y un formulario de captura de leads validado. El diseño fue tematizado con una paleta verde salvia y tipografía Fraunces/Inter, luego solicitando al usuario conectar el formulario al CRM.
Solicitud del usuario
Crea una página de destino para captar leads de mis clases de yoga
La página de destino generada de yoga "Sahaja" con un hero "Encuentra tu equilibrio" y llamada a la acción de prueba gratuita.
¿Cómo procesó la tarea AI Studio?
AI Studio:
- Generó imágenes representando yoga al amanecer y configuró el sistema de diseño en paralelo
- Configuró los tokens de diseño en verde salvia y fuentes Fraunces/Inter
- Construyó un encabezado compartido del sitio y la página de destino (hero, beneficios, estilos, horario, bio, testimonios)
- Implementó un formulario validado de captura de leads (nombre, email, teléfono, interés en clase, notas) con estado de éxito
- Verificó que la construcción estuviera limpia
- Solicitó al usuario conectar el formulario al CRM
Pasos de la sesión de construcción — generación de imágenes, configuración del sistema de diseño y construcción de la página y el formulario de leads (14 herramientas usadas).
¿Qué se construyó?
- Hero con imágenes de yoga al amanecer y llamado a prueba gratuita
- Cuadrícula de beneficios y cuatro estilos exclusivos de clase
- Horario semanal y biografía del instructor
- Testimonios de estudiantes
- Formulario de captura de leads validado (nombre, email, teléfono, interés, notas) con estado de éxito
- Paleta verde salvia y tipografía Fraunces/Inter
Detalles de la sesión
| Ítem | Valor |
|---|---|
| Mensajes de usuario | 1 |
| Herramientas usadas | 14 |
| Renderizado | Imágenes generadas por IA, tarjeta "Conectar al CRM" |
| Acciones de la plataforma | Conexión de formulario sugerida (captura del lado del cliente pendiente de conexión) |
| Resultado final | Página de destino de yoga para captura de leads, lista para conectar y publicar |
| Costo total sesión | $0.60 |
Página de destino editorial de moda con enfoque en imágenes
Este ejemplo muestra cómo AI Studio construye una página de destino de alto diseño y rica en animaciones a partir de un prompt detallado — instalando una dependencia, generando un set completo de imágenes y aplicando tipografía y movimiento personalizados.
Resumen
AI Studio construyó una página de destino editorial de moda de lujo, "Maison Noir", con un hero de paralaje a sangre, secciones de colección alternando imagen/texto, una galería masonry a ancho completo y suaves animaciones al pasar el mouse — todo a partir de un solo prompt detallado.
Solicitud del usuario
Crea una página de destino visualmente impactante para una marca de moda. Hero a sangre, tipografía audaz, scroll con paralaje, secciones alternadas de imagen/texto, grilla de galería a ancho completo y animaciones suaves al pasar el mouse. Sensación premium, editorial con espacios generosos y paleta de colores coherente.
El hero editorial generado "The Art of Undressing the Dark" con paralaje y tipografía Cormorant Garamond display.
¿Cómo procesó la tarea AI Studio?
AI Studio:
- Eligió una dirección de lujo Noir & Gold con tipografía Cormorant display + Karla para cuerpo de texto
- Instaló
framer-motionpara animaciones de scroll y hover - Generó el set completo de imágenes para hero y colecciones en paralelo
- Configuró tokens de diseño con la paleta Noir & Gold y tipografía editorial
- Construyó la página — hero con paralaje, secciones alternadas de colección, grilla de galería y footer
- Crió y refinó los archivos de página iterativamente
¿Qué se construyó?
- Hero de paralaje a sangre con escala por scroll y headline que se desvanece
- Tipografía display Cormorant Garamond combinada con Karla para cuerpo de texto
- Paleta Noir & Gold mediante tokens de diseño semánticos en
src/index.css - Tres secciones alternadas imagen/texto con desplazamiento de imagen por paralaje y zoom al pasar el mouse
- Galería masonry a ancho completo con títulos emergentes al hover y animaciones de entrada escalonadas
Detalles de la sesión
| Ítem | Valor |
|---|---|
| Mensajes de usuario | 1 |
| Herramientas usadas | 29 |
| Dependencias | framer-motion instalado |
| Renderizado | Múltiples imágenes generadas por IA, animaciones de paralaje y hover |
| Resultado final | Página de destino editorial de moda de lujo, lista para publicar |
| Costo total sesión | $1.30 |
Sitio web de viajes de 7 páginas con CMS
Este ejemplo muestra cómo AI Studio construye un sitio multipágina más grande con colecciones de contenido editables, un formulario de contacto y navegación compartida — el tipo de proyecto estructurado que implica mayor planificación y generación de páginas.
Resumen
AI Studio construyó un sitio web completo de 7 páginas, "Bharat Voyages", para un negocio de viajes en India — con navegación y pie de página compartidos, CMS para posts de blog y tours, diseño responsivo, metadatos SEO y un formulario de contacto listo para conectar al CRM.
Solicitud del usuario
Construye un sitio web de 7 páginas con CMS para un negocio de viajes en India. Home, Sobre nosotros, Servicios, Blog (colección CMS), Portafolio/Proyectos (colección CMS), Precios y Contacto (con formulario). Navegación y pie de página compartidos, diseño responsivo, colecciones editables para blog y proyectos, y estructura optimizada para SEO.
La página de inicio generada de Bharat Voyages con navegación compartida, hero y tira de estadísticas — además del aviso para conectar el formulario al CRM.
¿Cómo procesó la tarea AI Studio?
AI Studio:
- Planificó una estructura de 7 páginas con navegación y pie de página compartidos
- Generó contenido e imágenes para todas las páginas
- Construyó colecciones de contenido editables en CMS para posts de blog y tours
- Aplicó diseño responsivo y metadatos SEO
- Creó un formulario de contacto y solicitó conectarlo al CRM
Páginas creadas
| Página | Propósito |
|---|---|
| Inicio | Hero, destacados y llamadas a la acción principales |
| Sobre nosotros | Historia de la empresa y credibilidad |
| Servicios | Resumen de servicios de viaje |
| Blog | Colección CMS editable de entradas |
| Portafolio / Proyectos | Colección CMS editable de tours |
| Precios | Detalles de paquetes y precios |
| Contacto | Formulario de contacto (conectable al CRM) |
Detalles de la sesión
| Ítem | Valor |
|---|---|
| Mensajes de usuario | 1 |
| Herramientas usadas | 40 |
| Entrega | Sitio de 7 páginas con colecciones CMS y formulario de contacto |
| Renderizado | Contenido e imágenes generadas, tarjeta "Conectar al CRM" |
| Acciones de la plataforma | Sugerido conectar formulario de contacto |
| Resultado final | Sitio web de viajes completo de 7 páginas, listo para publicar |
| Costo total sesión | $1.10 |
¿Qué afecta el uso de AI Studio?
El uso de AI Studio se basa en el trabajo realizado durante una sesión y no únicamente en la cantidad de prompts. Las sesiones requieren más recursos a medida que se necesita razonamiento adicional, generación o acciones de conexión. Factores que incrementan el trabajo total incluyen:
- Estructuras multipágina y proyectos de mayor tamaño
- Preguntas de seguimiento y múltiples refinamientos
- Imágenes y otros medios generados por IA
- Análisis de URL y de imágenes de referencia
- Conexiones de formularios y calendarios
- Configuración de dominio personalizado y publicación
- Historial de versiones por cambios repetidos
De acuerdo con los ejemplos anteriores:
- Las imágenes generadas por IA suelen ser el factor que más peso tiene — páginas con muchas imágenes pueden costar más que sitios con más páginas pero menos medios generados.
- El número de páginas por sí solo no predice confiablemente el costo; un sitio estructurado de 7 páginas puede costar menos que una sola página de destino con muchas imágenes generadas.
- El texto, layout y estructura CMS en general requieren menos procesamiento que la generación de elementos visuales.
Notificaciones de uso y gasto en AI Studio
AI Studio muestra banners de notificación de uso para ayudar a los usuarios a monitorear el consumo y el gasto antes de que alcancen sus límites. Estos banners se activan automáticamente para los usuarios que tienen acceso a AI Studio, por lo que no se requiere configuración adicional.
Notificaciones de uso por suscripción
Los usuarios con suscripción reciben notificaciones a medida que aumenta su uso de AI Studio:
- 70% de uso: Alerta de uso
- 85% de uso: Advertencia
- Cercano o al 100%: Notificaciones críticas y de agotamiento de uso
Dependiendo de los permisos de facturación, el banner puede ofrecer acciones para ajustar los límites de uso o solicitar un incremento al administrador de la agencia.
Notificaciones de gasto para pago por uso
Los usuarios de pago por uso reciben una notificación cada vez que se hayan gastado $50 en AI Studio. Estas notificaciones ayudan a los usuarios a monitorear su uso y costos a medida que el gasto aumenta.
Para información detallada sobre cómo configurar límites de gasto, solicitar uso adicional y gestionar solicitudes de incremento de límite, consulta Límites de uso de IA.
---Preguntas frecuentes
P: ¿Cuánto cuesta AI Studio?
AI Studio utiliza precios basados en el uso, por lo que el costo depende del trabajo realizado en cada sesión.
P: ¿Cada prompt realiza la misma cantidad de trabajo?
No. El trabajo varía con la complejidad de la solicitud — la cantidad de páginas, refinamientos, recursos generados y acciones de conexión involucradas.
P: ¿La generación de imágenes implica más trabajo que el texto?
Generalmente, sí. Generar imágenes u otros recursos visuales suele requerir más procesamiento que generar solo texto.
P: ¿Los formularios y calendarios se conectan automáticamente?
No. AI Studio construye primero el formulario o el layout de reservas, luego lo conecta después de que lo solicitas o haces clic en Conectar. Los envíos y reservas llegan a tu subcuenta solo después de ese paso.
P: ¿Puede AI Studio recrear exactamente un sitio desde una URL?
Una URL o imagen de referencia debe usarse como inspiración para estructura, diseño y estilo, no como una copia exacta uno a uno.
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.