¿Qué hay de nuevo?

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…