Was gibt's Neues

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

"New variant" shortcut

• Explore variations of an existing design without writing a prompt

• Click "+ Variant" at the top and choose from a few presets

• "Simplify design", "Try different layout", and more

Number of variants

• Choose # of first-screen variants for new projects

• Banani generates this number of alternatives to pick from

• Keep what you like, delete the rest

Image generation

• Banani now generates images instead of using stock photos

• Everything from photorealistic images to abstract illustrations

• By default, it matches colors and tone of design's theme

• New user avatar placeholders cover all races, ages, & genders

Parallel generation & editing

• Generate and edit multiple screens at the same time

• No need to wait for one screen to finish before working on another

• Especially useful for projects with many screens

Faster editing

• Faster iteration without waiting for full re-generation

• "Small" edits change only the relevant parts of a design

• "Big" edits regenerate the full design

Regenerate on dislike

• Disliking a design now opens a regeneration flow

• Add a short note on what feels off or needs improvement

• We generate a new variant that addresses your feedback

Critical Fixes

• Fixed an issue when designs with sidebars rendered incorrectly

• Fixed cases where generation requests got stuck for 10+ minutes

• Fixed visual lack of indication when selecting elements for editing

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…