Quoi de neuf

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 livré beaucoup de choses que vous avez demandées. Des premières fonctionnalités collaboratives, des mises à jour sur le fonctionnement des références, à rendre Banani plus rapide que Flash McQueen.

Exportation de Code

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

• Demandez aux outils de codage ou aux développeurs de convertir le design dans le cadre de votre choix.

Image de Référence

• L'image de référence est disponible dans le canvas !

• Ajoutez des images et des captures d'écran lors de l'élaboration d'écrans individuels.

• Utilisez le raccourci clavier pour coller l'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 d'une facturation centralisée et d'une gestion des membres de l'équipe.

• Plus de fonctionnalités pour les équipes à venir !

Chargements Instantanés

• Nous avons retravaillé notre backend et notre base de données depuis le début.

• Les temps de chargement de l'application sont quasiment instantanés ;

• Par exemple, ouvrir un projet est <1s.

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

Canvas Retouché

• Mode clair pour une meilleure accessibilité.

• Une multitude d'ajustements sur tous les éléments pour rendre Banani plus agréable à utiliser au quotidien.

Qualité de Vie

• Dupliquer un projet !

• Amélioration du message d'invite rafraîchi.

• Des tonnes de nouvelles polices pour vos thèmes.

• Ajoutez votre invite 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…