Crear app con IA Gemini: AI Studio, Canvas y publicación

Para crear una app con IA Gemini tienes dos caminos: Google AI Studio, donde describes la app y Google la construye (ideal para apps que usan IA por dentro), o el chat de Gemini, que puede generar el código de una página web con vista previa para que lo publiques tú. AI Studio está dentro del nivel gratuito de la API de Gemini según su página de precios; publicar con tu dominio y guardar datos de usuarios ya implica otros servicios.

Opción 1: crear app con Google AI Studio

Google AI Studio (aistudio.google.com) es la plataforma de Google para usar los modelos Gemini. Además de probar modelos y generar llaves de API, permite construir apps describiéndolas. Google la usa en su curso de vibe coding de 2026 (anuncio).

Pasos generales (los nombres de menús pueden cambiar con las versiones):

1. Entra a aistudio.google.com con tu cuenta de Google.
2. Busca la sección para construir apps y describe lo que quieres:

Una app en español donde subo la foto de un ticket de compra y me extrae proveedor, fecha, total e IVA en una tabla que puedo descargar en Excel.

3. Revisa la app generada y pruébala.
4. Pide ajustes.
5. Usa las opciones de compartir o publicar que ofrezca AI Studio, o exporta el código para publicarlo en otro hosting.

Para qué es muy bueno: apps donde la IA es el corazón: leer documentos, resumir, clasificar, generar textos o imágenes.

Opción 2: crear página web con IA Gemini (chat)

En gemini.google.com:

1. Pide una página web en un solo archivo HTML, con todos los detalles de tu negocio.
2. Usa la función de vista previa del código (Canvas, si está disponible en tu cuenta).
3. Ajusta con mensajes concretos.
4. Descarga o copia el código y guárdalo como index.html.
5. Publícalo en Netlify, GitHub Pages o Vercel. Ver cómo subir mi página web a internet.

Crear app con IA de Google: otras herramientas

• Firebase: la plataforma de Google para backend (base de datos, login, hosting). Muchas apps de Gemini terminan publicadas ahí. Ver desplegar app en Firebase.
• Antigravity: el editor de código con agentes de Google, para quienes ya programan. Comparado en Lovable vs Google AI Studio.

Cómo usar Gemini dentro de tu app sin exponer tu llave

Si tu app llama a Gemini, necesitas una API key (llave de acceso) generada en AI Studio. Regla de oro: la llave nunca va en el código que corre en el navegador, porque cualquiera puede verla y gastar tu cuota.

Lo correcto es llamar a Gemini desde un servidor o función de backend:

// En un servidor o función (NO en el navegador)
const res = await fetch(
  "https://generativelanguage.googleapis.com/v1beta/models/MODELO:generateContent",
  {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      "x-goog-api-key": process.env.GEMINI_API_KEY,
    },
    body: JSON.stringify({ contents: [{ parts: [{ text: "Resume este texto..." }] }] }),
  }
);

Sustituye MODELO por el modelo vigente que elijas en la documentación de Gemini. Si ya subiste una llave a un repositorio público, lee API key expuesta: qué hacer.

Qué cuesta y qué no

• Gratis: usar AI Studio dentro del nivel gratuito, generar código en el chat, publicar en hostings con plan gratuito.
• Puede costar: uso de la API por encima del nivel gratuito, dominio propio, base de datos para usuarios reales.

No damos cifras de límites del nivel gratuito porque Google las ajusta seguido y dependen del modelo; consulta la página de precios.

Errores comunes

1. Llave de Gemini en el frontend.
2. Datos sensibles en el nivel gratuito, cuyo contenido puede usarse para mejorar los productos de Google.
3. App sin base de datos real: lo que guardas en la sesión se pierde al cerrar.
4. Confiar ciegamente en lo que extrae la IA de documentos fiscales: valida siempre los montos.

Ideas de apps que aprovechan bien a Gemini

Gemini destaca cuando la app necesita entender texto, imágenes o documentos. Ideas que encajan con un negocio en México:

Idea	Qué hace Gemini	Cuidado con
Lector de tickets de gasto	Extrae proveedor, fecha y total de una foto	Validar montos a mano
Resumen de juntas	Resume notas o transcripciones en pendientes	No meter datos confidenciales en pruebas gratuitas
Clasificador de correos	Etiqueta correos por tema o urgencia	Revisar errores de clasificación
Generador de descripciones	Redacta descripciones de productos para tu catálogo	Revisar que no invente características
Asistente de preguntas frecuentes	Responde con base en tus documentos	Que no prometa precios o plazos que no das

En todos los casos, la IA ayuda pero no debe tener la última palabra en dinero, datos fiscales o compromisos con clientes. Diseña la app para que una persona revise antes de que algo importante se guarde o se envíe.

Cierre

Gemini y AI Studio son una puerta muy accesible para crear apps con IA, sobre todo si la IA es parte central de lo que hace tu app. Si ya construiste algo con Gemini y necesitas publicarlo con seguridad, base de datos y dominio, en Black Engine te ayudamos por WhatsApp. Compara también con crear app con ChatGPT.