Masterclass Santo Funnel · 7 ago 2026 · Capítulo 2 de AI Studio
El prompt no hace tu sitio. El design system lo hace.
Hoy no armamos una landing. Armamos un sitio completo, de cero, en vivo, con el negocio que elijan ustedes.
🇦🇷 15:00🇨🇱 14:00🇵🇪 13:00🇲🇽 12:00
De dónde sale esta clase
El tema no lo elegí yo. Lo pidieron ustedes.
"Oye, este estudio necesita un capítulo 2 de todas maneras. No estamos listos ni por cerca."
Felipe Darrigrandi, en vivo, al cierre de la clase del 31 de julio. Lo secundaron Víctor y José Luis.
Y agregó lo que ordena la clase de hoy: "ya empecé a hacer algunas páginas y empiezan a salir otro tipo de dudas".
Florencia: tu pregunta de cuánto cuesta está respondida, con los números oficiales. La dejé en el anexo del final para no arrancar hablando de plata.
Lo que pasa en los próximos 45 minutos
Un sitio entero. De un negocio que elijan ustedes.
Tiren un negocio por el chat: rubro, ciudad y qué vende. Tomo el primero que llegue.
Y sale un sitio de varias páginas, con su propio sistema visual. No una landing suelta.
Pero lo importante no es el sitio: es el método, para que lo repitan el lunes con un cliente.
Y les aviso desde ahora: el paso que más cambia el resultado es el primero, y no tiene nada que ver con AI Studio.
El método, en cuatro pasos.
PASO 1
Design system
Las reglas visuales, antes de construir nada. Acá se gana o se pierde el sitio.
›
PASO 2 · OPCIONAL
La maqueta
Ver la home antes de ir a GHL. Se puede saltear.
›
PASO 3
El prompt
El sistema y la arquitectura adentro de un solo prompt.
›
PASO 4
Construir
AI Studio arma todas las páginas y se publica.
Los dos pasos que de verdad mueven la aguja son el 1 y el 3. El resto es apretar botones.
Paso 1 · Design system
Si vos no decidís el estilo, lo decide la IA. Cada vez.
Sin design system
Cada página que le pedís vuelve con otro azul, otra tipografía y otros botones. Al final tenés cinco páginas que no parecen del mismo sitio. Eso es lo que se nota como "hecho con IA".
vs
Con design system
Le das las reglas una vez y las respeta en todas las páginas, en el quiz y en lo que sumes después. El sitio se ve decidido, no generado.
Es la diferencia entre un sitio con criterio y un sitio genérico. Y cuesta cinco minutos.
Paso 1 · Si no tenés uno, de acá lo sacás
No lo inventes. Robá el sistema.
Mobbin
Pantallas reales de apps y sitios que funcionan. La mejor para ver cómo resuelven una sección concreta.
Awwwards
Sitios premiados. Sirve para el nivel de ambición y para ver ritmo y animación.
Dribbble
Conceptos de diseñadores. Ojo: mucho es maqueta que no existe, se mira como inspiración.
Land-book
Landings y sitios reales ordenados por rubro. Bueno para encontrar el molde del rubro de tu cliente.
La regla: te robás la estructura, el ritmo y la jerarquía. No los colores exactos, la tipografía exacta ni el contenido.
Y la dirección la elegís vos. Si dejás que la IA elija el estilo, volvés al punto de partida.
Paso 1 · El prompt A
Se lo pedís a Claude y te lo dibuja.
Te hace 5 preguntas: qué vende, a quién, qué sensación tiene que dar, qué colores tenés y qué sitio te gusta.
Te devuelve la paleta con contraste verificado, la tipografía con su escala, los componentes dibujados y el tono de voz.
Y al final, el bloque de tokens: el sistema en texto plano, listo para pegar adentro del prompt del sitio.
El mío está público en javieryranzo.com/brand. Eso es exactamente lo que van a tener en cinco minutos.
Los tres prompts van al grupo al terminar.
Paso 2 · Opcional, y hoy lo salteo
La maqueta antes de GHL: para qué sirve y cuándo no.
Con maqueta
Armás solo la home en Claude, la publicás, y AI Studio la clona para el resto del sitio. Es lo que hago con los clientes que pagan: corregir el diseño ahí es barato, corregirlo con el sitio armado no.
o
Directo al prompt
Con el design system definido, te saltás la maqueta y vas derecho a AI Studio. Es lo que hacemos hoy, y es lo que les recomiendo para arrancar.
La maqueta no reemplaza al paso 1. Si no definiste el sistema, la maqueta también sale genérica.
Paso 3 · El prompt B · Acá se juega el resultado
Un prompt. El sitio entero.
Le pegás los tokens del paso 1, y le ordena a AI Studio respetarlos en todas las páginas.
Define la arquitectura: qué páginas, con la misma barra y el mismo pie en todas.
Y trae la orden explícita de conectar el formulario al CRM. Sin eso, el sitio no captura nada.
Más las prohibiciones: nada de clientes, años, porcentajes ni premios inventados.
Se pega en AI Studio entero, de una pasada.
Paso 4 · Construir
Y las imágenes, que es donde todos se traban.
Que las genere AI Studio
Rápido y no salís de la herramienta. Ojo: es lo que más consume de toda la sesión (está en el anexo del final).
o
Las traés de afuera
ChatGPT o Higgsfield, y las subís. Más control y mejor calidad. De a una, nombrando la sección exacta, o las reparte como quiere.
Y una tercera vía, la que más uso: que no ponga ninguna y deje el bloque marcado con qué foto va ahí. Después las cargás con calma.
Antes de publicar, siempre
Donde le falta un dato, se lo inventa.
La clase pasada nos dejó "3.000 clientes satisfechos" que nadie contó nunca. En un sitio de varias páginas hay más lugares donde esconderse: premios, años, logos.
Barrido final: borrá o reemplazá toda cifra que no puedas probar. Si el cliente tiene el dato real, va el real. Si no lo tiene, la sección sale.
Y clonar desde una URL es inspiración, no copia: le sirve de referencia de estructura, el contenido lo rellena por su cuenta.
Un sitio sin cifras convierte igual. Uno con una cifra falsa te cuesta el cliente.
Hasta dónde podés llegar.
Nivel 1 · Hoy en vivo
El sitio completo
Varias páginas, un solo sistema visual, formulario conectado al CRM. Esto lo hacés vos, esta semana.
Nivel 2 · Con el prompt C
Sitio + herramienta
Un quiz que pregunta, puntúa y manda el contacto etiquetado al CRM. Deja de ser un sitio y pasa a ser un filtro.
Nivel 3 · Te lo muestro
Sitio + catálogo vivo
Tu cliente edita sus productos en su propio panel y el sitio se actualiza solo. Esto ya es otra liga.
Nivel 2 · El prompt C
Una página linda con cero contactos.
"Forms and calendars are not connected automatically. AI Studio puede crear el diseño de un formulario, pero tenés que pedirle que conecte ese componente antes de que empiece a mandar datos a tu sub-cuenta."
Documentación oficial de AI Studio, HighLevel. Es el error nº1 del que arranca.
Los prompts B y C ya traen la orden de conectar. Igual, la regla es probarlo: llená el formulario y mirá si el contacto entró.
Nivel 3 · Cliente real, Alemar Group
Lo edita su equipo. El sitio se actualiza solo.
183
Productos vivos en el catálogo
0
Veces que hay que volver a publicar el sitio
1
El catálogo no vive adentro de la página
Vive en un gestor de contenido aparte, con su propio panel en español.
2
Su equipo edita un producto ahí
Nombre, foto, especificaciones. Sin tocar el sitio y sin pedirnos nada.
3
El sitio lo muestra al recargar
Sin volver a publicar, sin entrar a AI Studio.
Y ahora la parte honesta
El sitio sale de un prompt. El catálogo no.
Un gestor aparte
El contenido vive fuera del sitio, en su propio panel. Eso se monta.
Lectura pública
Los datos tienen que poder leerse desde el navegador, sin clave.
El dominio autorizado
La dirección del sitio, cargada en la lista de permitidos del gestor.
Eso es setup técnico, no es pedírselo a la IA. Si les digo que sale con un prompt, el sábado se frustran y yo les vendí humo.
Si lo quieren para un cliente, esto se cotiza y lo armamos. No es tarea para el fin de semana.
Antes de arrancar un proyecto, sabé esto
Puerta de una sola dirección.
"AI Studio projects stay in AI Studio and cannot be copied into the standard Funnels or Websites builders under Sites."
Documentación oficial de AI Studio, HighLevel.
Si arrancás el sitio de un cliente en AI Studio, se queda ahí para siempre. No hay export al builder clásico.
Es una decisión de arquitectura, no un detalle. Decidilo antes de empezar, no a mitad de camino.
El desafío de la semana
Tu design system, y un sitio arriba.
Corré el prompt A para vos o para un cliente, y pegá el design system en el grupo. Eso solo ya vale la clase.
Y el que publique el sitio completo arriba de ese sistema, que lo tire con la URL.
Decime también qué se te rompió en el camino. Eso es el temario del capítulo 3.
Anexo
Y ahora sí: qué cuesta esto.
Florencia lo preguntó el 31 de julio y quedé en chequearlo. Estos son los números oficiales, verificados en la documentación de HighLevel el 4 de agosto.
Anexo · 1 de 3
No se cobra por página. Se cobra por sesión.
$0,60
Landing de captación de leads
$1,30
Landing editorial, con más diseño
$1,10
Sitio de 7 páginas con CMS
Léanlo dos veces: el sitio de 7 páginas sale más barato que una landing sola.
Lo que consume no son las páginas. Son las imágenes que genera la IA. Por eso conviene subirlas.
Fuente: doc oficial de pricing de AI Studio, HighLevel. Verificada 04-ago-2026.
Anexo · 2 de 3
Los planes, y la letra chica que sí importa.
Pay-per-use
Sin costo fijo. Pagás el token que consumís.
AI Employee Growth
$50/mes por location. Uso incluido.
AI Employee Unlimited
$97/mes por location. Tres veces el uso de Growth.
El consumo se mide en ventanas de 5 horas. Llegás al tope, se corta, y se resetea al cerrar la ventana. Esa es la respuesta a "cómo lo controlo si lo usa mi equipo": no te explota la factura, se frena solo.
En la clase pasada dije que era probable que valiera $127. No era. Se corrige y seguimos.
Fuente: doc oficial de pricing de AI products, HighLevel. Verificada 04-ago-2026.
Anexo · 3 de 3
Hasta el 1 de septiembre, está gratis.
25 días
Lo que queda de la promo Summer of AI
$0
Lo que te cuesta hoy cada sitio que construyas
Y se los digo derecho: cuánto les voy a cobrar yo por esto dentro de Santo Funnel todavía no está definido. Lo confirmo antes del 1 de septiembre. Prefiero decirles eso a tirarles un número que después cambie.