spdup.net

Noticias tecnológicas

El modo de creación de Google Gemini 3 trae poder de codificación IA gratuito con integración de Nano Banana Pro.


El modo de creación de Google Gemini 3 trae poder de codificación IA gratuito con integración de Nano Banana Pro.

Introducción

Google acaba de lanzar una actualización importante de su plataforma de construcción AI Studio, y los cambios son un verdadero punto de inflexión para los desarrolladores que se dedican a la creación rápida de prototipos o al “vibe coding”. La versión más reciente integra Gemini 3, el último modelo de gran escala de Google, y añade soporte nativo para Nano Banana Pro, un modelo de generación de imágenes que razona sobre la composición antes de renderizar píxeles. Lo mejor de todo es que todo el flujo de trabajo sigue siendo completamente gratuito dentro del sandbox de AI Studio, lo que hace que el desarrollo asistido por IA de alta calidad sea más accesible que nunca.


Visión general del nuevo modo de construcción

La página de Build actualizada no es un simple chatbot que escupe fragmentos de código. Es un creador de aplicaciones con todas las funciones, comparable a herramientas como Lowdefy, Bolt o VZero, pero con una ventaja crucial: una integración profunda con el ecosistema de Google. El constructor gestiona automáticamente las claves API, el código de unión y la autenticación para los servicios de Google, permitiéndote centrarte en la lógica del producto en lugar de en el código repetitivo.

Características clave:

  • Consciente del contexto: el constructor conoce todo el conjunto de APIs de Gemini.
  • Soporte multimarco: elige entre React TypeScript o Angular TypeScript.
  • Opciones de entrada enriquecidas: indicaciones por voz, carga de archivos (PDF, bocetos de diseño, etc.) e instrucciones de sistema personalizadas.
  • Historial y galería: proyectos guardados, favoritos anclados y plantillas curadas para inicios rápidos.

Integración de Gemini 3

Gemini 3 representa un salto sustancial en capacidades de razonamiento y codificación respecto a sus predecesores. En el selector de modelo ahora puedes elegir explícitamente Gemini 3, que ofrece:

  • Manejo lógico mejorado para estados de aplicación complejos.
  • Generación de código más precisa que respeta las mejores prácticas actuales.
  • Mejor comprensión de la intención del desarrollador, lo que se traduce en menos ciclos de revisión.

La fase de planificación superior del modelo significa que primero esboza los componentes necesarios antes de escribir cualquier código, un flujo de trabajo que refleja el diseño de software profesional.


Generación de imágenes con Nano Banana Pro

Junto a Gemini 3, el constructor ahora soporta Nano Banana Pro, el último modelo de generación de imágenes de Google basado en Gemini 3 Pro. A diferencia de los modelos de difusión convencionales, Nano Banana Pro razona sobre la composición, la iluminación y la renderización de texto antes de fijar los píxeles, ofreciendo:

  • Mayor fidelidad a las indicaciones.
  • Estilo visual consistente en todos los activos generados.
  • La posibilidad de incrustar terminología fotográfica directamente en las llamadas a la API.

Seleccionar la API de Nano Banana Pro en el constructor indica al sistema que genere imágenes usando este enfoque de razonamiento previo, abriendo nuevas posibilidades para aplicaciones creativas como storyboards, maquetas de marketing y diseño de interfaces de usuario.


Uso del constructor

Selección de modelos y APIs

  1. Abre AI StudioBuild desde la barra lateral izquierda.
  2. Elige Gemini 3 como motor de codificación.
  3. En el selector de API, habilita Nano Banana Pro (o cualquier otra API de Google que necesites).

Personalización de instrucciones

Puedes añadir indicaciones de sistema para imponer normas de codificación —por ejemplo, preferir Tailwind CSS sobre CSS puro, o exigir hooks específicos de React.

Métodos de entrada

  • Indicaciones por voz: habla tu idea mientras te desplazas; la IA la transcribe y la estructura.
  • Carga de archivos: suelta PDFs, bocetos de diseño o documentos de requisitos para proporcionar un contexto preciso.

Gestión de proyectos

  • El panel de historial a la izquierda rastrea todas las aplicaciones generadas.
  • Anclar mantiene tus proyectos favoritos fácilmente accesibles.
  • La galería de apps ofrece plantillas listas para una experimentación rápida.

Demo: Generador visual de storyboards para cineastas

Para ilustrar el flujo de trabajo, consideremos crear una aplicación que convierta un fragmento de guion en un cuadro de storyboard cinematográfico.

  1. Indicaciones: “Crea un generador visual de storyboards. Debe aceptar texto de guion, analizar el estado de ánimo y la iluminación, y luego usar Nano Banana Pro para generar un cuadro con el ángulo de cámara y la paleta de colores adecuados”.
  2. Etapa de planificación: Gemini 3 primero esboza la UI (campo de entrada, analizador, generador de indicaciones) y el flujo de datos.
  3. Generación de código: El modelo escribe componentes de React, integra la API de Nano Banana Pro y añade estilos responsivos.
  4. Vista previa: El panel derecho muestra una vista previa en vivo; al escribir una línea del guion se produce instantáneamente una imagen coherente que coincide con el estado de ánimo descrito.

El código resultante es limpio, con una gestión de estado bien estructurada y componentes modulares. Los desarrolladores pueden ajustar al instante estilos o lógica usando el editor Monaco incorporado, que se siente como VS Code.


Gestión del código y opciones de despliegue

El constructor te equipa con una caja de herramientas completa para todo el ciclo de vida:

  • Copiar: clona el proyecto para ramas experimentales sin afectar el original.
  • Descargar: exporta todo el código como un archivo ZIP para desarrollo local con npm o yarn.
  • Guardar en GitHub: autentícate una sola vez y luego envía el proyecto a un repositorio público o privado. Las actualizaciones posteriores se sincronizan automáticamente.
  • Desplegar en Google Cloud: con un solo clic, la app se contenediza, aloja y recibe una URL en vivo.
  • Compartir enlace: genera una vista previa compartible que otros pueden ver o remixar.
  • Gestión de claves API: almacena y rota claves de forma segura sin codificarlas en el front‑end.

Nota: La plataforma aún no incluye un conector de base de datos integrado (p. ej., PostgreSQL). El almacenamiento persistente debe añadirse externamente si se requiere.


Implicaciones para la creación rápida de prototipos

Al combinar el poder de razonamiento de Gemini 3 con la generación inteligente de imágenes de Nano Banana Pro, AI Studio de Google ofrece una ruta singularmente simplificada desde la idea hasta el prototipo funcional. Los desarrolladores pueden:

  • Convertir ideas de alto nivel en aplicaciones operativas en minutos.
  • Aprovechar el ecosistema de Google sin configurar manualmente las APIs.
  • Producir activos visuales de alta calidad que se alinean estrechamente con las indicaciones textuales.

Esta combinación acorta la brecha entre la lluvia de ideas y el despliegue de manera más eficaz que la mayoría de las plataformas low‑code existentes.


Conclusión

El último modo de construcción de AI Studio de Google representa un avance significativo para el desarrollo asistido por IA. La integración de Gemini 3 y Nano Banana Pro brinda una solución completa y gratuita que cubre desde la generación de código hasta la creación sofisticada de imágenes. Aunque aún falta una opción nativa de base de datos, las sólidas funcionalidades de despliegue, la sincronización con GitHub y el alojamiento en Google Cloud hacen de esta plataforma una opción atractiva para los desarrolladores que desean prototipar, iterar y lanzar aplicaciones impulsadas por IA rápidamente.

Ver Video Original