Was gibt's Neues

Markenassets und Logos

• Fügen Sie Ihre eigenen Logos und visuellen Assets hinzu

• Banani wird diese in den von Ihnen erstellten Designs verwenden

• Bitten Sie die KI, Farben abzurufen, anstatt sie nur in Designs einzufügen

Sortieren und Filtern

• Wir haben endlich das Sortieren nach letzter Bearbeitung hinzugefügt

• Sie können auch zur Sortierung nach Erstellungsdatum zurückkehren

• Klarere Statusanzeigen, die zeigen, wann das Design bearbeitet wurde

Bildregisterkarte

• Ein neuer Tab mit allen Bildern aus all deinen Designs

• Illustrationen und Fotos an einem Ort zum Betrachten und Exportieren

• Musst du ein Bild außerhalb eines Designs generieren? Jetzt ist es möglich!

• Aktuell mit Nano-Banana, bald mehr Modelle + Einstellungen

Agenten-Klärungen

• Jetzt kann unser KI-Agent klärende Fragen stellen

• Wird nur bei vagen Eingaben oder unklaren Anweisungen ausgelöst

• Du kannst auch proaktiv um weitere Klarstellungen bitten!

Abrechnungsinformationen

• Nicht sehr aufregend, aber eine notwendige Aktualisierung der Abrechnungsseite

• Sieh dein nächstes Verlängerungsdatum, den genauen Betrag und ob Rabatte angewendet werden

• Für Team-Pläne sieh die Anzahl der Sitze, Preis pro Sitz und Gesamtsumme

Sonstiges

Mehr Aufräumarbeiten auf der Startseite für eine reibungslosere Navigation in Banani, höherer Kontrast für einige Elemente und bessere Organisation der Elemente, damit du Dinge schneller finden kannst.

• Das neueste OpenAI-Modell ist jetzt auf Banani verfügbar

• Effizienter mit saubereren Designausgaben

• Ersetzt GPT-5.1 zur Bearbeitung im Automodus

Mehrfacher Figma-Export

• Neue Figma-Option im Export-Modul zusätzlich zu PNG/JPG

• Mehrere Screens mit einem Klick gebündelt nach Figma exportieren

• Sieh, wie viele Figma-Exporte noch übrig sind, wenn du auf einem freien Plan bist

Neue Projektvorschauen

• Wir haben die Projektvorschauen komplett aktualisiert, die Seiten, die andere sehen, wenn du ihnen einen Link zu einem Projekt sendest

• Deutlich näher an der tatsächlichen Leinwand, mit Auswahl-/Schwenkmodi

• Teammitglieder können jetzt Designs direkt aus den Vorschauen nach Figma, Code oder über MCP exportieren

• Das bedeutet, du kannst sie zur Übergabe teilen

Gutschriftenseite

• Neue dedizierte Gutschriftenseite mit einem vollständigen Überblick über dein Guthaben

• Überprüfe, wann deine nächsten täglichen und monatlichen Auffüllungen sind

• Sieh, wie viele Gutschriften du ansammeln kannst und wie viel noch übrig ist

Kritische Korrekturen

• Behobene kaputte Vorschauseiten auf mobilen Geräten

• Zu einem neuen Subprovider für Gemini gewechselt, um es zuverlässiger zu machen

Banani MCP

• Verbinden Sie Banani mit jedem AI-Coding-Agenten, der MCP-Unterstützung bietet

• Claude Code, Cursor, Codex -- und mehr

• Wählen Sie Designs aus und bringen Sie sie direkt in Ihren Codebase

Gemini 3.1 Pro

• Das neueste Gemini-Modell ist jetzt auf Banani verfügbar

• Sauberere Design-Generierung mit einem viel breiteren Spektrum an Stilen

• Wird als Basismodell für die Generierung verwendet

Einheitlich mobil/desktop

• Keine separaten Projekte mehr für unterschiedliche Bildschirmgrößen

• Erstellen Sie Desktop- und Mobil-Designs nebeneinander

• Neues Bildschirmgrößen-Symbol direkt im Bildschirm-Panel sichtbar

Zu Desktop-/Mobilverknüpfung

• Neue Verknüpfung, um schnell eine andere Bildschirmgröße zu erzeugen

• In Sekundenschnelle eine passende Desktop- oder Mobilversion erstellen

• Vorausgefüllte Anleitungen für beste Umwandlungsergebnisse

• Weitere Größen (Tablets usw.) und freiformatierte Größe bald verfügbar

Verbesserungen der Lebensqualität

• Designs zwischen Projekten kopieren mit CMD+C und CMD+V

• Farb- und Rundungs-Token jetzt basierend auf Ihrer Auswahl gefiltert

• Neues, schnelleres Modell für die Bildgenerierung in Designs

• Setzen Sie Namen und Avatar für Ihr Team

• Noch mehr Reinigung der Startseite

Kritische Fehlerbehebungen

• Behobener Fehler, bei dem Designs ohne Stil erzeugt wurden

• Behobener Konflikt der "-", "+" und "Leertaste" Tastenkürzel beim Bearbeiten von Texten

"Auswählen"-Modus auf der Leinwand

• Zwischen "Auswählen" und "Bewegen/Pan"-Modi wechseln

• Bereich mit mehreren Bildschirmen gleichzeitig auswählen

• Mehrere Bildschirme in einer Aktion löschen, verschieben oder organisieren

• "Space" gedrückt halten, um sich zu bewegen

Mehrere Bild-/Figma-Referenzen

• Mehrere Bilder oder Figmas als Referenzen anhängen

• Screenshots, Mockups oder Inspirationsbilder hochladen

• Spezifizieren, was aus jedem Bild genutzt werden soll

Tutorials, Inspiration, neue Navigation

• Navigation mit neuem Seitenleisten-Layout neu gestaltet

• Erfrischte, fokussiertere Startseite

• Neue, dedizierte Seite mit Tutorials

• Getrennter Bereich für Beispielprojekte

• Neues Logo :)

Neue Projekt-Shortcuts

• Neue Schnellaktionen direkt unterhalb des Eingabefeldes

• Ein-Klick-Zugang zum Start mit einem Bild oder Figma

• Vorgefüllte Optionen für die Gestaltung eines Wireframes, einer Landingpage oder einer App

Verbesserungen zur Lebensqualität

• Nutzer des kostenlosen Plans erhalten jetzt 3 Figma-Exporte zum Ausprobieren!

• Im Projekt verwendete Themes sind jetzt separat gruppiert

• Neues, einheitliches Einstellungsmenü für neue Projekte

Kritische Korrekturen

• Behoben: Themes wurden in einigen Fällen nicht korrekt angewendet

• Behoben: Ansichtsfenster sprang beim Wechseln der Versionen

• Behoben: KI erstellte tausend Themes innerhalb eines Projekts mit leichten Variationen

„Neue Variante“-Verknüpfung

• Erkunde Variationen eines bestehenden Designs ohne Eingabeaufforderung

• Klicke oben auf "+ Variante" und wähle aus einigen Voreinstellungen

• „Design vereinfachen“, „Andere Layout ausprobieren“ und mehr

Anzahl der Varianten

• Wähle die Anzahl der Erstbildschirm-Varianten für neue Projekte

• Banani erzeugt diese Anzahl an Alternativen zur Auswahl

• Behalte, was dir gefällt, lösche den Rest

Bildgenerierung

• Banani generiert jetzt Bilder anstatt Stockfotos zu verwenden

• Von fotorealistischen Bildern bis hin zu abstrakten Illustrationen

• Standardmäßig werden Farben und Ton des Designthemas angepasst

• Neue Benutzeravatar-Platzhalter umfassen alle Rassen, Altersgruppen und Geschlechter

Parallele Generierung & Bearbeitung

• Erzeuge und bearbeite mehrere Bildschirme gleichzeitig

• Keine Notwendigkeit zu warten, bis ein Bildschirm abgeschlossen ist, bevor an einem anderen gearbeitet wird

• Besonders nützlich für Projekte mit vielen Bildschirmen

Schnelleres Bearbeiten

• Schnellere Iteration ohne vollständige erneute Generierung

• „Kleine“ Bearbeitungen ändern nur die relevanten Teile eines Designs

• „Große“ Bearbeitungen regenerieren das gesamte Design

Neugenerieren bei Ablehnung

• Eine Design-Ablehnung öffnet jetzt einen Neugenerierungsprozess

• Füge eine kurze Notiz hinzu, was sich falsch anfühlt oder verbessert werden muss

• Wir erstellen eine neue Variante, die dein Feedback berücksichtigt

Kritische Fixes

• Behoben: Ein Problem, bei dem Designs mit Seitenleisten falsch gerendert wurden

• Behoben: Fälle, in denen Generierungsanfragen für über 10 Minuten hängen blieben

• Behoben: Fehlende visuelle Anzeige beim Auswählen von Elementen zur Bearbeitung

Manuelle Textbearbeitung

• Texte ohne KI bearbeiten

• Geben Sie alles ein oder fügen Sie es ein, was Sie im ausgewählten Textelement benötigen

• Wechseln Sie in den Auswählmodus und doppelklicken Sie auf ein Textelement

• Neues Shortcut für den Auswählmodus -- halten Sie ⌘ oder Strg gedrückt

Drahtgitter-Voreinstellung

• Neue spezielle Drahtgitter-Themeneinstellung

• Generieren Sie lofi, schwarz-weiße Drahtgitter mit handgefertigtem Look

• Setzen Sie es bei der Erstellung eines neuen Projekts oder bei vorhandenen Bildschirmen ein

Kritische Fehlerbehebungen

• PNG/JPG-Export in Firefox ist endlich behoben

• Die meisten Probleme beim Figma-Export wurden behoben

• Behebung des Problems, bei dem einige Themenfarb-Token transparent waren

Genießen Sie eine schnellere Leinwand, eine intelligentere Bildschirmerzeugung mit dem neuen Best Model-Modus, flexible Bildschirm-Themen, kostenlose Teameinladungen und eine Reihe wichtiger Fehlerbehebungen.

"Best Model" Modus

• Banani wechselt jetzt intelligent die Modelle basierend auf Ihrem Prompt

• Gemini 3 Pro für neue Bildschirme und kreative, kontextreiche Bearbeitungen

• GPT-5.1 für schnelle oder weniger kreative Änderungen

Bildschirm-Themen

• Rückgängig machen von Themenänderungen, wenn Ihnen ein AI-generierter Edit nicht gefällt

• Setzen Sie unterschiedliche Themen für einzelne Bildschirme innerhalb desselben Projekts

• Vergleichen Sie mehrere visuelle Stile, ohne Ihr gesamtes Projekt zu duplizieren

Super-Schnelle Leinwand

• Schnellere und flüssigere Leinwand-Interaktionen, auch in großen Projekten

• Signifikant reduzierte Verzögerung bei Computern mit geringeren Spezifikationen

• Responsive Drag-and-Drop über die Leinwand

Kostenlose Teams

• Erstellen Sie ein Team und laden Sie so viele kostenlose Mitglieder ein, wie Sie möchten, kein bezahlter Plan erforderlich

• Wählen Sie, ob Sie den Arbeitsbereich oder nur einen einzelnen Benutzer upgraden möchten

Kritische Fehlerbehebungen

• Figma-Export bewahrt jetzt Schriftgewicht korrekt

• Behobene Abstürze, die einige Vorschau-Links betrafen

Bewegen Sie Bildschirme überall auf der Leinwand, erstellen Sie atemberaubende Designs mit dem aktualisierten Gemini 3 und genießen Sie zahlreiche weitere Verbesserungen.

Freiform-Leinwand

• Ziehen Sie Bildschirme überall auf die Leinwand

• Ordnen Sie sie in mehreren Reihen oder in einem beliebigen Layout an

• Bald: Mehrfachbildschirm-Auswahl, Hilfslinien, Ausrichtung usw.

Gemini 3-Anpassungen

• Letzte Woche haben wir Gemini 3 hinzugefügt, und jetzt ist es noch leistungsfähiger

• Abgestimmt, um klarere, modernere Designs zu erstellen

• Die obigen Beispiele zeigen, was es kann!

• Banani ist der beste Ort, um Gemini 3 für UI-Design zu nutzen

UI-Bereinigung

• Toggle "AI-Änderungen sperren" für Themes, um unerwünschte Änderungen zu verhindern

• Visuelles Durcheinander im gesamten Produkt reduziert: saubere Startseite, Eingabekomponenten, Leinwand und mehr

• Vereinheitlichter Anhangsselector für Bilder und Figma-Referenzen

Wir haben viele Dinge geliefert, die Sie angefragt haben. Von ersten Team-Features, über Updates zur Funktionsweise von Referenzen, bis hin dazu, dass Banani schneller als Lightning McQueen ist.

Code-Export

• Kopieren Sie den Code der Seite, beginnend mit einfachem HTML/CSS-Export.

• Bitten Sie Vibe-Coding-Tools oder Entwickler, das Design in das Framework Ihrer Wahl umzuwandeln.

Referenzbild

• Bildreferenz ist innerhalb der Leinwand verfügbar!

• Fügen Sie Bilder und Screenshots hinzu, wenn Sie an einzelnen Bildschirmen arbeiten.

• Verwenden Sie Tastenkombinationen, um Bilder aus der Zwischenablage einzufügen.

Teams

• Erstellen Sie ein Team und laden Sie Teammitglieder ein, Ihrer Organisation beizutreten.

• Haben Sie einen gemeinsamen Arbeitsbereich mit den Projekten Ihres Teams.

• Holen Sie sich zentralisierte Abrechnung und Verwaltung der Teammitglieder.

• Weitere Team-Features kommen bald!

Sofortiges Laden

• Wir haben unser Backend und die Datenbank von Grund auf neu gestaltet.

• Die Ladezeiten der App sind nahezu sofortig.

• Beispielsweise dauert das Öffnen eines Projekts <1s.

• Die Homepage lädt reibungslos ohne Layout-Verschiebungen.

Erfrischte Leinwand

• Heller Modus für bessere Zugänglichkeit.

• Zahlreiche Anpassungen an allen Elementen, um Banani angenehmer im Alltag zu nutzen.

Lebensqualität

• Projekt duplizieren!

• Verbesserter aktualisierter Prompt-Schritt.

• Eine Reihe neuer Schriften für Ihre Themes.

• Fügen Sie Ihren Prompt für „Nächsten Bildschirm generieren“ hinzu.

• Und unzählige kleinere Verbesserungen.

Rundheitstoken

Der Eckenradius ist jetzt Teil der Themes. Du siehst standardmäßig 4 Rundheitsstufen, von klein bis extra groß. Du kannst sie manuell anpassen, und Banani's KI wird sie konsistent in deinen Designs anwenden.

Schriftfamilien-Token

Die Schriftfamilie wird jetzt auf Theme-Ebene anstatt auf Design-Ebene verwaltet. Dies bedeutet, dass du die Schriftarten in deinem gesamten Projekt in einem Schritt wechseln kannst.

Jetzt kannst du auch die KI bitten, die Schriftfamilie zu ändern! Du kannst sie also endlich bitten, "Mit Schriften spielen" oder „Die Schrift funkiger machen“.

Weitere Geschwindigkeitsverbesserungen

Wir setzen unser Bestreben fort, die Designgenerierung so schnell wie möglich zu machen, und haben ein weiteres Paket von Geschwindigkeitsaktualisierungen bereitgestellt.

Obwohl diese Runde kleiner als die vorherige ist, reduziert sie die Generierungszeit um 3–4 Sekunden.

Qualität/Geschwindigkeit Auswahl

Ab sofort können Sie zwischen der besten Qualität der Generierung und der Geschwindigkeit der Generierung wählen.

Wechseln Sie jederzeit und in allen zuvor erstellten Projekten zwischen den Optionen „Beste Qualität“ und „Schnellste Geschwindigkeit“ für die Generierung.

Beste Qualitätsoption

Perfekt für detaillierte, hochpräzise Designs. Unsere KI behandelt nun Abstände und Lücken besser, mit vielen kleinen Verbesserungen, die Layouts raffinierter wirken lassen.

Schnellste Geschwindigkeitsoption

Ideal für schnelle Bearbeitungen oder Prototypen mit niedriger bis mittlerer Präzision. Sie sehen fast sofort Ergebnisse, ohne sich auf feine Details konzentrieren zu müssen, bis Sie bereit für das endgültige Design sind.

Gesamt-Geschwindigkeitsaktualisierungen

Generierungen sind jetzt bis zu 2× schneller für Seiten mit Bildern, mit weiteren Geschwindigkeits-„Boosts“ in Kürze.

Leinwandaktualisierungen

Scrollen, Schwenken und Zoomen fühlen sich nun ähnlich an wie bei anderen canvas-orientierten Tools wie Miro und Figma.

Themen einführen

Themen sind Sammlungen von Stilen, die Sie in verschiedenen Designs wiederverwenden können. Sie können manuell bearbeitet werden und Banani's KI kann sie über Eingabeaufforderungen ändern.

Beim Erstellen eines neuen Projekts können Sie zwischen der Erstellung eines neuen Themas oder der Auswahl aus Ihren zuvor erstellten Themen wählen.

Themen anpassen

Gehen Sie zum Stil-Tab, um alle Details über das Thema und die vorhandenen Design-Tokens zu sehen. Jede im Design verwendete Farbe wird dort angezeigt.

Sie können die KI bitten, diese Farben zu ändern oder auf eine beliebige Farbe klicken, um sie selbst anzupassen.

Bestehende Stile importieren

Sie können auch Ihre vorhandenen Farbpaletten oder Markenstile importieren. Einfach HEX-Farben in die KI-Eingabeaufforderung einfügen oder ein Referenzbild anhängen und Banani bitten, deren Farben zu kopieren.

Banani ist aus der Alpha-Phase heraus! Es ist bereit, dir zu helfen, schneller von der Idee zur Benutzeroberfläche zu gelangen. Wir haben 4 neue größere Funktionen, die SIE gefordert haben, sowie viele weitere Verbesserungen der Lebensqualität.

NEUE UI-AI

• Prompts, die früher Müll erzeugten, liefern jetzt hochwertige Ergebnisse

• Komplexe mehrspaltige Layouts, Landing Pages, ALLES

• Designs erscheinen in Echtzeit, Element für Element

Teilbearbeitung

• KI-Bearbeitung eines ausgewählten Teils des Designs

• Ideal für schnelle, präzise Anpassungen

• Elemente entfernen, Texte ändern usw.

Kopieren-Einfügen nach Figma

• Wähle den Bildschirm in Banani aus

• Klicke auf "In Figma kopieren"

• DIREKT in Figma EINFÜGEN

Hinweis: Funktioniert nur mit Projekten, die diesen Monat erstellt wurden, also versuche, neue Projekte zu generieren!!

Bilderreferenzen

• Füge Screenshots, Wireframes, Skizzen, TATSÄCHLICHE UIs hinzu

• Banani kopiert das Layout und den Inhalt

• Ideal für Redesigns, Bearbeitungen bestehender Produkt-UIs

Was ist sonst neu?

Wir haben im letzten Monat mehrere GROSSE Updates veröffentlicht, die du vielleicht verpasst hast. Hier sind einige Highlights:

• Schnellere KI-Reaktionszeiten

• Überarbeitete Bildschirm+Stile-Panel

• Einfachere Navigation in großen Projekten

• Schnellere Arbeitsfläche

• Duplizierung von Bildschirmen

• Und mehr…