Quoi de neuf

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…