¿Qué hay de nuevo?

Activos de marca y logotipos

• Adjunta tus propios logotipos y activos visuales

• Banani los usará dentro de los diseños que generes

• Pide a la IA obtener colores, más allá de simplemente pegarlos en los diseños

Ordenar y filtrar

• Finalmente agregamos orden por última edición

• También puedes volver al orden por fecha de creación

• Estados más claros que muestran cuándo se editó el diseño

Pestaña de imágenes

• Una nueva pestaña con todas las imágenes de todos tus diseños

• Ilustraciones y fotos en un solo lugar para ver y exportar

• ¿Necesitas generar una imagen fuera de un diseño? ¡Ahora puedes!

• Actualmente con Nano-banana, pronto más modelos + configuraciones

Aclaraciones del agente

• Ahora nuestro agente de IA puede hacer preguntas aclaratorias

• Solo se activa con instrucciones vagas o poco claras

• ¡También puedes pedirle que aclare más detalles de manera proactiva!

Información de facturación

• No es lo más emocionante, pero una actualización necesaria de la página de facturación

• Ve tu próxima fecha de renovación, el importe exacto del cargo, y si se aplican descuentos activos

• Para los planes de equipo, ve el número de asientos, el precio por asiento y el total

Otros

Más limpieza de la página de inicio para una navegación más fluida dentro de Banani, mayor contraste para algunos elementos y una mejor organización de los elementos para que puedas encontrar las cosas más rápido.

• El último modelo de OpenAI ya está disponible en Banani

• Más eficiente con diseños más limpios

• Reemplaza a GPT-5.1 para edición en modo automático

Exportación múltiple de Figma

• Nuevo opción de Figma en el modal de exportación además de PNG/JPG

• Exportación masiva de múltiples pantallas a Figma en 1 clic

• Vea cuántas exportaciones de Figma quedan si está en un plan gratuito

Nuevas vistas previas de proyectos

• Hemos renovado completamente las vistas previas de proyectos, las páginas que otras personas ven cuando les envías un enlace a un proyecto

• Mucho más cercano al lienzo real, con modos de selección/pan

• Los miembros del equipo ahora pueden exportar diseños a Figma, código o a través de MCP directamente desde las vistas previas

• Lo que significa que puedes compartirlos para la entrega

Página de créditos

• Nueva página de créditos dedicada con una visión completa de su balance

• Consulte cuándo son sus próximas recargas diarias y mensuales

• Vea cuántos créditos puede acumular y cuánto queda

Soluciones críticas

• Páginas de vista previa rotas arregladas en móviles

• Movido a un nuevo subproveedor para Gemini para hacerlo más confiable

Banani MCP

• Conecta Banani con cualquier agente de codificación AI con soporte MCP

• Claude Code, Cursor, Codex -- y más

• Selecciona diseños y envíalos directamente a tu base de código

Gemini 3.1 Pro

• El último modelo Gemini ya está disponible en Banani

• Generación de diseño más limpia con un rango mucho más amplio de estilos

• Usado como el modelo base para generación

Móvil/escritorio unificado

• No más proyectos separados para diferentes tamaños de pantalla

• Genera diseños de escritorio y móvil uno al lado del otro

• Nuevo icono de tamaño de pantalla visible directamente en el panel de pantallas

Atajo para escritorio/móvil

• Nuevo atajo para generar rápidamente un tamaño de pantalla diferente

• Crea una versión de escritorio o móvil correspondiente en segundos

• Instrucciones pre-rellenadas para los mejores resultados de conversión

• Más tamaños (tabletas, etc.) y tamaño libre próximamente

Mejoras de calidad de vida

• Copiar diseños entre proyectos con CMD+C y CMD+V

• Tokens de color y redondeo ahora filtrados según tu selección

• Nuevo modelo más rápido para la generación de imágenes dentro de los diseños

• Define nombre y avatar para tu equipo

• Aún más limpieza de la pantalla de inicio

Correcciones críticas

• Arreglado error cuando los diseños se generaban sin estilos

• Solucionado conflicto de atajos de teclado "-", "+" y "espacio" al editar textos

Modo "Seleccionar" en el lienzo

• Cambia entre los modos "Seleccionar" y "Mover/Panear"

• Selecciona el área con múltiples pantallas a la vez

• Elimina, mueve u organiza varias pantallas en una acción

• Mantén presionada "Espacio" para moverte

Referencias de múltiples imágenes

• Adjunta múltiples imágenes y capturas de pantalla como referencias

• Sube capturas de pantalla, maquetas o imágenes de inspiración

• Especifica qué usar de cada imagen

Tutoriales, inspiración, nueva navegación

• Navegación rediseñada con una nueva disposición en la barra lateral

• Pantalla de inicio renovada, más enfocada

• Nueva página dedicada a tutoriales

• Espacio separado para proyectos de ejemplo

• Nuevo logo :)

Nuevos atajos de proyecto

• Nuevas acciones rápidas justo debajo de la casilla de instrucciones

• Acceso de un clic para comenzar desde una imagen o Figma

• Opciones precargadas para diseñar un esquema, una página de aterrizaje o una app

Mejoras en la calidad de vida

• ¡Los usuarios del plan gratuito ahora obtienen 3 exportaciones de Figma para probarlas!

• Los temas usados en el proyecto ahora se agrupan por separado

• Nuevo menú de configuración unificado para nuevos proyectos

Correcciones críticas

• Corregido el problema donde los temas no se aplicaban correctamente en algunos casos

• Corregido el salto de la vista al cambiar de versiones

• Arreglado el problema donde la IA creaba mil temas dentro de un proyecto con ligeras variaciones

Atajo "Nueva variante"

• Explora variaciones de un diseño existente sin escribir una solicitud

• Haz clic en "+ Variante" en la parte superior y elige entre varios ajustes preestablecidos

• "Simplificar diseño", "Probar diferente disposición", y más

Número de variantes

• Elige # de variantes de primera pantalla para nuevos proyectos

• Banani genera este número de alternativas para elegir

• Conserva lo que te gusta, elimina el resto

Generación de imágenes

• Banani ahora genera imágenes en lugar de usar fotos de archivo

• Todo, desde imágenes fotorrealistas hasta ilustraciones abstractas

• Por defecto, se ajusta al color y tono del tema del diseño

• Nuevos marcadores de avatar de usuario cubren todas las razas, edades y géneros

Generación y edición paralelas

• Genera y edita múltiples pantallas al mismo tiempo

• No es necesario esperar a que termine una pantalla antes de trabajar en otra

• Especialmente útil para proyectos con muchas pantallas

Edición más rápida

• Iteración más rápida sin esperar la regeneración completa

• Las ediciones "pequeñas" cambian solo las partes relevantes de un diseño

• Las ediciones "grandes" regeneran el diseño completo

Regenerar en caso de desagrado

• Disgustar un diseño ahora abre un flujo de regeneración

• Añade una breve nota sobre lo que no te gusta o necesita mejora

• Generamos una nueva variante que aborda tus comentarios

Correcciones Críticas

• Solucionado un problema cuando los diseños con barras laterales se renderizaban incorrectamente

• Solucionados los casos donde las solicitudes de generación se atascaban por más de 10 minutos

• Solucionada la falta visual de indicaciones al seleccionar elementos para editar

Edición manual de texto

• Edita textos sin IA

• Escribe/pega lo que necesites dentro del elemento de texto seleccionado

• Cambia a modo Selección y haz doble clic en cualquier elemento de texto para hacerlo

• Nuevo atajo para entrar en modo Selección -- mantén ⌘ o Control

Preajuste de Wireframe

• Nuevo tema dedicado a Wireframe

• Genera wireframes lofi, en blanco y negro con un aspecto artesanal

• Configúralo al crear un nuevo proyecto o en pantallas existentes

Soluciones críticas

• La exportación PNG/JPG en Firefox finalmente está solucionada

• Se eliminaron la mayoría de los problemas con la exportación desde Figma

• Solucionado el problema cuando algunos tokens de color de tema eran transparentes

Disfruta de un lienzo más ágil, una generación de pantallas más inteligente con el nuevo modo Mejor Modelo, temas flexibles por pantalla, invitaciones gratuitas para el equipo y un puñado de correcciones importantes.

Modo "Mejor Modelo"

• Banani ahora cambia de modelos inteligentemente según tu indicación

• Gemini 3 Pro para nuevas pantallas y ediciones creativas de alto contexto

• GPT-5.1 para cambios rápidos o menos creativos

Temas de pantalla

• Revierte los cambios de tema si no te gusta una edición generada por IA

• Establece temas diferentes para pantallas individuales dentro del mismo proyecto

• Compara múltiples estilos visuales sin duplicar todo tu proyecto

Lienzo Súper Rápido

• Interacciones con el lienzo más rápidas y fluidas, incluso en proyectos grandes

• Reducción significativa del retraso en computadoras con especificaciones bajas

• Arrastrar y soltar más responsivo a lo largo del lienzo

Equipos Gratis

• Crea un equipo e invita a tantos miembros gratuitos como quieras, sin plan de pago requerido

• Elige si deseas actualizar el espacio de trabajo o solo un usuario en particular

Correcciones Críticas

• La exportación de Figma ahora conserva correctamente los pesos de fuente

• Resueltas las caídas que afectaban algunos enlaces de vista previa

Mueve las pantallas a cualquier lugar en el lienzo, crea diseños impresionantes con el actualizado Gemini 3, y disfruta de muchas otras mejoras.

Lienzo libre

• Arrastra y suelta pantallas en cualquier lugar del lienzo

• Organízalas en múltiples filas o en cualquier diseño que prefieras

• Próximamente: selección múltiple de pantallas, líneas de ayuda, alineación, etc.

Ajustes de Gemini 3

• La semana pasada añadimos Gemini 3, y ahora es aún más potente

• Ajustado para generar diseños más limpios y modernos

• ¡Los ejemplos anteriores muestran lo que puede hacer!

• Banani es el mejor lugar para usar Gemini 3 en diseño de UI

Limpieza de UI

• Alternar "Bloquear ediciones de IA" para Temas para evitar cambios no deseados

• Reducido el desorden visual en todo el producto: página de inicio limpia, componentes de entrada de comandos, lienzo, y más

• Selector de Adjuntar unificado para imágenes y referencias de Figma

Enviamos un montón de cosas que pediste. Desde las primeras funciones de equipo, actualizaciones de cómo funcionan las referencias, hasta hacer que Banani sea más rápido que Rayo McQueen.

Exportación de Código

• Copia el código de la página, comenzando con la exportación en HTML/CSS simple.

• Pide a las herramientas de codificación o a los desarrolladores que conviertan el diseño al framework de tu elección.

Imagen de Referencia

• ¡Referencia de imagen disponible dentro del lienzo!

• Agrega imágenes y capturas de pantalla al trabajar en pantallas individuales.

• Usa el atajo de teclado para pegar imágenes desde el portapapeles.

Equipos

• Crea un equipo e invita a miembros a unirse a tu organización.

• Tener un espacio de trabajo compartido con los proyectos de tu equipo.

• Obtén facturación centralizada y gestión de miembros del equipo.

• ¡Más características de equipo están en camino!

Cargas Instantáneas

• Renovamos nuestro backend y base de datos desde cero.

• Los tiempos de carga de la app se sienten casi instantáneos.

• Por ejemplo, abrir un proyecto es <1s.

• La página principal carga sin problemas y sin cambios de diseño.

Lienzo Renovado

• Modo claro para mayor accesibilidad.

• Incontables ajustes en todos los elementos para hacer el uso diario de Banani más agradable.

Calidad de Vida

• ¡Duplicar proyecto!

• Mejora en el paso del mensaje renovado.

• Un montón de nuevas fuentes para tus temas.

• Agrega tu mensaje para "Generar la próxima pantalla".

• Y un sinfín de mejoras menores.

Tokens de Redondez

El radio de las esquinas ahora es parte de los Temas. Verás 4 niveles de redondez por defecto, desde pequeño hasta extra grande. Puedes ajustarlos manualmente, y la IA de Banani los aplicará de manera consistente en tus diseños.

Tokens de Familia Tipográfica

La familia tipográfica ahora se gestiona a nivel de Tema en lugar de a nivel de diseño. Esto significa que puedes cambiar las fuentes en todo tu proyecto en un solo paso.

¡Ahora también puedes pedirle a la IA que cambie la familia tipográfica! Lo que significa que finalmente puedes pedirle que "Juegue con las fuentes" o "Haga la fuente más divertida".

Más Mejoras de Velocidad

Continuamos nuestro esfuerzo para hacer que la generación de diseño sea lo más rápida posible y lanzamos otro grupo de mejoras de velocidad.

Aunque esta ronda es más pequeña que la anterior, reduce el tiempo de generación en 3-4 segundos.

Selección de Calidad/Velocidad

A partir de ahora, puedes seleccionar entre la mejor calidad de generación y la velocidad de generación.

Cambia entre las opciones de “Mejor Calidad” y “Mayor Velocidad” para la generación en cualquier momento y en todos los proyectos que creaste antes.

Opción de Mejor Calidad

Perfecta para diseños detallados y de alta fidelidad. Nuestra IA ahora maneja mejor los espacios y huecos, con muchas pequeñas mejoras que hacen que los diseños se sientan más pulidos.

Opción de Mayor Velocidad

Ideal para ediciones rápidas o prototipos de baja a media fidelidad. Verás resultados casi instantáneos sin enfocarte en los detalles finos hasta que estés listo para el diseño final.

Actualizaciones Generales de Velocidad

Las generaciones son ahora hasta 2× más rápidas para páginas con imágenes, con más "impulsos" de velocidad próximamente.

Actualizaciones del Lienzo

El desplazamiento, panoramización y zoom ahora se sienten similares a otras herramientas enfocadas en lienzo como Miro y Figma.

Introduciendo Temas

Los temas son colecciones de estilos que puedes reutilizar en diferentes diseños. Están disponibles para que los edites manualmente y para que la IA de Banani los edite mediante instrucciones.

Al crear un nuevo proyecto, puedes elegir entre generar un nuevo Tema o seleccionar entre los temas que ya has creado.

Personalizar Temas

Ve a la pestaña de Estilos y observa todos los detalles sobre el Tema y los tokens de diseño que tiene. Cada color utilizado en el diseño se mostrará allí.

Puedes pedir a la IA que cambie esos colores o hacer clic en cualquier color para ajustarlo tú mismo.

Importar Estilos Existentes

También puedes importar tus paletas de colores existentes o estilos de marca. Simplemente pega colores HEX en la instrucción de la IA o adjunta una imagen de referencia y pide a Banani que copie sus colores.

¡Banani ha salido de la fase alfa! Está listo para ayudarte a pasar más rápido de la idea a la interfaz de usuario. Tenemos 4 cosas nuevas que TÚ pediste, y muchas más mejoras en la calidad de vida.

NUEVO UI-AI

• Las indicaciones que solían generar basura ahora dan resultados de calidad

• Diseños complejos de varias columnas, páginas de aterrizaje, LO QUE SEA

• Los diseños aparecen en tiempo real, elemento por elemento

Edición Parcial

• Edición por IA de una parte seleccionada del diseño

• Ideal para hacer ajustes rápidos y precisos

• Eliminar elementos, cambiar textos, etc.

Copiar y Pegar a Figma

• Selecciona la pantalla en Banani

• Clic en "Copiar a Figma"

• PEGA directamente en Figma

Nota: Funciona solo con proyectos creados este mes, ¡así que intenta generar nuevos proyectos!

Referencias de Imágenes

• Anexa capturas de pantalla, wireframes, bocetos, interfaces de usuario REALES

• Banani copiará el diseño y el contenido

• Ideal para rediseños, ediciones de UI de productos existentes

¿Qué Más Hay de Nuevo?

Hemos lanzado múltiples GRANDES actualizaciones el mes pasado que quizá te hayas perdido. Aquí algunos destacados:

• Tiempo de respuesta de IA más rápido

• Panel de pantalla+estilos rediseñado

• Navegación más sencilla en proyectos grandes

• Lienzo más ágil

• Duplicación de pantallas

• Y más…