Was gibt's Neues

Wir haben eine Menge Dinge geliefert, die Sie sich gewünscht haben. Von den ersten kollaborativen Funktionen, über Updates zur Arbeitsweise von Referenzen, bis hin dazu, Banani schneller als Lightning McQueen zu machen.

Code-Export

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

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

Referenzbild

• Bildreferenz ist innerhalb der Leinwand verfügbar!

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

• Verwenden Sie Tastenkürzelunterstützung, 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.

• Erhalten Sie zentralisierte Abrechnung und Teammitgliedermanagement.

• Weitere Teamfunktionen kommen bald!

Instant Loadings

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

• Die Ladezeiten der App fühlen sich fast unmittelbar an;

• Zum Beispiel öffnet sich ein Projekt in <1s.

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

Erneuerte Leinwand

• Heller Modus für bessere Zugänglichkeit.

• Unzählige Anpassungen an allen Elementen, um Banani für den täglichen Gebrauch angenehmer zu machen.

Lebensqualität

• Projekt duplizieren!

• Erneuerter Verbesserungsschritt für Eingabeaufforderungen.

• Eine Reihe neuer Schriftarten für Ihre Themen.

• Fügen Sie Ihre Eingabeaufforderung 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…