¿Qué hay de nuevo?

Nuevo atajo de variante

• Explora variaciones de un diseño existente sin escribir un aviso

• Haz clic en "+ Variante" en la parte superior y elige entre algunos preajustes

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

Número de variantes

• Elige el número de variantes para la primera pantalla de nuevos proyectos

• Banani genera este número de alternativas para seleccionar

• Mantén lo que te gusta, elimina el resto

Generación de imágenes

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

• De imágenes fotorrealistas a ilustraciones abstractas

• Por defecto, coincide con los colores y el tono del tema del diseño

• Nuevos marcadores de avatar de usuario que 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

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

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

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

Soluciones Críticas

• Se corrigió un problema cuando los diseños con barras laterales se renderizaban incorrectamente

• Se corrigieron casos en los que las solicitudes de generación se quedaban atascadas por más de 10 minutos

• Se corrigió la falta visual de indicación 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

Mueva las pantallas a cualquier lugar del lienzo, cree diseños impresionantes con el actualizado Gemini 3, y disfrute de muchas otras mejoras.

Lienzo libre

• Arrastre y suelte pantallas en cualquier parte del lienzo

• Arréglelas en múltiples filas o en cualquier diseño que desee

• Próximamente: selección de múltiples 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 UI

Limpieza de UI

• Interruptor "Bloquear ediciones AI" para Temas, evitando cambios no deseados

• Reducción del desorden visual en el producto: página de inicio limpia, componentes de entrada de comandos, lienzo, y más

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

Hemos lanzado muchísimas cosas que pediste. Desde las primeras funciones colaborativas, actualizaciones sobre cómo funcionan las referencias, hasta hacer Banani 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 básico.

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

Imagen de Referencia

• ¡La imagen de referencia está disponible dentro del lienzo!

• Añade imágenes y capturas de pantalla al trabajar en pantallas individuales.

• Usa el atajo de teclado para pegar la imagen desde el portapapeles.

Equipos

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

• Tiene 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 funciones de equipo están en camino!

Cargas Instantáneas

• Rehicimos nuestro backend y base de datos desde cero.

• Los tiempos de carga de la aplicación son casi instantáneos;

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

• La página de inicio se carga suavemente sin cambios de diseño.

Lienzo Renovado

• Modo claro para una accesibilidad más fácil.

• Innumerables ajustes en todos los elementos para que usar Banani sea más agradable día a día.

Calidad de Vida

• ¡Duplicar proyecto!

• Paso de mejora de solicitud renovado.

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

• Añade tu solicitud para "Generar siguiente pantalla".

• Y muchas 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…