Quoi de neuf

Nouveau raccourci de variante

• Explorez des variantes d'un design existant sans écrire de commande

• Cliquez sur "+ Variante" en haut et choisissez parmi quelques préréglages

• "Simplifier le design", "Essayer un agencement différent", et plus encore

Nombre de variantes

• Choisissez le nombre de variantes de première page pour les nouveaux projets

• Banani génère ce nombre d'alternatives parmi lesquelles choisir

• Gardez ce que vous aimez, supprimez le reste

Génération d'images

• Banani génère désormais des images à la place des photos de stock

• Tout, des images photoréalistes aux illustrations abstraites

• Par défaut, il assortit les couleurs et le ton du thème du design

• Les nouveaux avatars utilisateurs couvrent toutes les races, âges et genres

Génération & édition parallèles

• Générez et éditez plusieurs écrans en même temps

• Pas besoin d'attendre qu'un écran se termine avant de travailler sur un autre

• Particulièrement utile pour les projets avec de nombreux écrans

Édition plus rapide

• Les petites modifications modifient uniquement les parties pertinentes d'un design

• Les grandes modifications régénèrent le design complet

• Itération plus rapide sans attendre une régénération complète

Corrections Critiques

• Correction d'un problème lorsque les designs avec barres latérales s'affichaient incorrectement

• Correction des cas où les demandes de génération restaient bloquées pendant plus de 10 minutes

• Correction du manque de retour visuel lors de la sélection d'éléments pour l'édition

Édition de texte manuelle

• Modifiez les textes sans IA

• Tapez/collez tout ce dont vous avez besoin à l'intérieur de l'élément texte sélectionné

• Passez en mode Sélection et double-cliquez sur tout élément texte pour faire cela

• Nouveau raccourci pour entrer en mode Sélection -- maintenez ⌘ ou Control

Préréglage Wireframe

• Nouveau préréglage de thème Wireframe dédié

• Générez des wireframes lofi, noir et blanc avec un aspect fait main

• Configurez-le lors de la création d'un nouveau projet ou sur des écrans existants

Corrections Critiques

• L'exportation PNG/JPG dans Firefox est enfin corrigée

• La plupart des problèmes d'exportation Figma éliminés

• Correction du problème où certains jetons de couleur de thème étaient transparents

Profitez d'une toile plus réactive, d'une génération d'écran plus intelligente avec le nouveau mode Meilleur Modèle, de thèmes flexibles par écran, d'invitations gratuites pour des équipes, et d'une série de correctifs importants.

Mode "Meilleur Modèle"

• Banani bascule maintenant intelligemment les modèles selon votre demande

• Gemini 3 Pro pour de nouveaux écrans et des modifications créatives, à fort contexte

• GPT-5.1 pour des changements rapides ou moins créatifs

Thèmes d'écran

• Rétablissez les modifications de thème si vous n'aimez pas une édition générée par l'IA

• Définissez différents thèmes pour les écrans individuels au sein du même projet

• Comparez plusieurs styles visuels sans dupliquer l'ensemble de votre projet

Toile Hyper Réactive

• Interactions avec la toile plus rapides et fluides, même dans les grands projets

• Réduction significative du délai d'attente sur les ordinateurs moins puissants

• Glisser-déposer plus réactif sur toute la toile

Équipes Gratuites

• Créez une équipe et invitez autant de membres gratuits que vous le souhaitez, sans plan payant nécessaire

• Choisissez de mettre à niveau l'espace de travail ou juste un utilisateur

Correctifs Critiques

• L'exportation de Figma préserve maintenant correctement les épaisseurs de police

• Résolution des crashs affectant certains liens de prévisualisation

Déplacez les écrans n'importe où sur le canevas, créez des designs époustouflants avec le Gemini 3 mis à jour, et profitez de nombreuses autres améliorations.

Canevas libre

• Glissez et déposez les écrans n'importe où sur le canevas

• Organisez-les en plusieurs rangées ou selon la disposition souhaitée

• Bientôt : sélection multi-écran, lignes d'aide, alignement, etc.

Ajustements Gemini 3

• La semaine dernière, nous avons ajouté Gemini 3, et maintenant il est encore plus puissant

• Ajusté pour générer des designs plus clairs et modernes

• Les exemples ci-dessus montrent ce qu'il peut faire !

• Banani est le meilleur endroit pour utiliser Gemini 3 pour le design d'interface utilisateur

Nettoyage de l'UI

• Bascule "Verrouiller les modifications IA" pour les thèmes afin d'éviter des changements indésirables

• Réduction du désordre visuel à travers le produit : page d'accueil épurée, composants de saisie d'invite, canevas, et plus

• Sélecteur d'attachement unifié pour les images et les références Figma

Nous avons expédié beaucoup de choses que vous avez demandées. Des premières fonctionnalités d'équipe, des mises à jour sur le fonctionnement des références, à rendre Banani plus rapide que Flash McQueen.

Export de Code

• Copiez le code de la page, en commençant par l'export HTML/CSS simple.

• Demandez aux outils ou développeurs de codage de vibe de convertir le design vers le framework de votre choix.

Image de Référence

• La référence d'image est disponible dans le canevas !

• Ajoutez des images et captures d'écran lors du travail sur des écrans individuels.

• Utilisez le raccourci clavier pour coller une image depuis le presse-papiers.

Équipes

• Créez une équipe et invitez des membres à rejoindre votre organisation.

• Ayez un espace de travail partagé avec les projets de votre équipe.

• Bénéficiez de la facturation centralisée et de la gestion des membres de l'équipe.

• Encore plus de fonctionnalités d'équipe arrivent !

Chargements Instantanés

• Nous avons complètement retravaillé notre backend et base de données.

• Les temps de chargement de l'application semblent quasi instantanés.

• Par exemple, l'ouverture d'un projet est <1s.

• La page d'accueil se charge en douceur sans décalages de mise en page.

Canevas Rafraîchi

• Mode clair pour une meilleure accessibilité.

• Innombrables ajustements sur tous les éléments pour rendre Banani plus agréable à utiliser au quotidien.

Qualité de Vie

• Dupliquez un projet !

• Étape améliorée pour les suggestions rafraîchies.

• Un tas de nouvelles polices pour vos thèmes.

• Ajoutez votre suggestion pour « Générer l'écran suivant ».

• Et d'innombrables petites améliorations.

Jetons de Rondeur

Le rayon d'arrondi fait désormais partie des Thèmes. Vous verrez 4 niveaux de rondeur par défaut, de petit à très grand. Vous pouvez les ajuster manuellement, et l’IA de Banani les appliquera de manière cohérente dans vos designs.

Jetons de Famille de Polices

La famille de polices est maintenant gérée au niveau du Thème plutôt qu'au niveau de chaque design. Cela signifie que vous pouvez changer de police dans l'intégralité de votre projet en une seule étape.

Vous pouvez désormais également demander à l'IA de changer la famille de polices ! Ce qui signifie que vous pouvez enfin lui demander de "Jouer avec les polices" ou de “Rendre la police plus audacieuse”.

Améliorations de Vitesse Supplémentaires

Nous poursuivons nos efforts pour rendre la génération de design aussi rapide que possible et avons lancé une nouvelle série de mises à jour de vitesse.

Bien que cette série soit plus petite que la précédente, elle réduit le temps de génération de 3 à 4 secondes.

Sélection Qualité/Vitesse

Désormais, vous pouvez choisir entre la meilleure qualité de génération et la rapidité de génération.

Changez entre les options “Meilleure Qualité” et “Vitesse la Plus Rapide” pour la génération à tout moment et dans tous les projets que vous avez créés auparavant.

Option Meilleure Qualité

Parfait pour des designs détaillés et de haute fidélité. Notre IA gère maintenant mieux les espacements et les écarts, avec de nombreuses petites améliorations qui rendent les mises en page plus soignées.

Option Vitesse la Plus Rapide

Idéal pour des modifications rapides ou des prototypes de faible à moyenne fidélité. Vous verrez les résultats presque instantanément sans vous concentrer sur les détails fins jusqu'à ce que vous soyez prêt pour le design final.

Mises à jour de Vitesse Globale

Les générations sont désormais jusqu'à 2× plus rapides pour les pages avec images, avec plus d'« accélérations » à venir bientôt.

Mises à jour du Canvas

Le défilement, le panoramique et le zoom sont désormais similaires à d'autres outils axés sur le canvas comme Miro et Figma.

Présentation des Thèmes

Les thèmes sont des collections de styles que vous pouvez réutiliser dans vos conceptions. Ils sont disponibles pour être modifiés manuellement ou par l'IA de Banani via des invites.

Lors de la création d'un nouveau projet, vous pouvez choisir entre générer un nouveau Thème ou sélectionner parmi vos thèmes précédemment créés.

Personnaliser les Thèmes

Allez dans l'onglet Styles pour voir tous les détails sur le Thème et les jetons de conception qu'il contient. Chaque couleur utilisée dans la conception y sera affichée.

Vous pouvez demander à l'IA de changer ces couleurs ou cliquer sur n'importe quelle couleur pour l'ajuster vous-même.

Importer des Styles Existants

Vous pouvez également importer vos palettes de couleurs existantes ou styles de marque. Il suffit de coller les couleurs HEX dans l'invite de l'IA ou d'attacher une image de référence et de demander à Banani d'en copier les couleurs.

Banani est sorti de l'alpha ! Il est prêt à vous aider à passer plus rapidement de l'idée à l'interface utilisateur. Nous avons 4 nouvelles fonctionnalités majeures que VOUS avez demandées, et bien d'autres améliorations pour une meilleure expérience utilisateur.

NOUVEL UI-AI

• Les invites qui généraient du contenu brouillon offrent maintenant des résultats de qualité

• Mise en page complexe multi-colonnes, pages de destination, TOUT

• Les designs apparaissent en temps réel, élément par élément

Édition partielle

• Édition par IA d'une partie sélectionnée du design

• Idéal pour des ajustements rapides et précis

• Supprimer des éléments, changer des textes, etc.

Copier-Coller vers Figma

• Sélectionnez l'écran dans Banani

• Cliquez sur "Copier vers Figma"

• COLLEZ directement dans Figma

Note : Fonctionne uniquement avec les projets créés ce mois-ci, alors essayez de générer de nouveaux projets !!

Références d'images

• Joindre des captures d'écran, wireframes, croquis, véritables interfaces utilisateur

• Banani copiera la mise en page et le contenu

• Idéal pour les refontes, modifications d'interfaces produits existants

Quoi de neuf ?

Nous avons livré plusieurs mises à jour MAJEURES le mois dernier que vous avez peut-être manquées. Voici quelques points forts :

• Temps de réponse IA plus rapide

• Panneau écrans+styles remanié

• Navigation facilité dans les grands projets

• Canvas plus réactif

• Duplication des écrans

• Et plus encore…