¿Qué hay de nuevo?

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…