25 Webflow Updates und neue Funktionen im Q2 – 2024

In diesem Video stellt Jonas Arleth über 25 neue Updates und Funktionen vor, die Webflow im zweiten Quartal 2024 hinzugefügt hat. Er geht die Updates der Reihe nach durch und erklärt, wo sie im Webflow Designer zu finden sind. Zu den Updates gehören unter anderem Verbesserungen beim Backup-System, die Möglichkeit, Webflow-Apps direkt im Apps-Panel zu installieren, neue Funktionen für die Zusammenarbeit in Teams, die Möglichkeit, benutzerdefinierte CSS-Klassen als Attribute hinzuzufügen, die Unterstützung von REM- und EM-Einheiten im Figma-zu-Webflow-Plugin, die Möglichkeit, eine Apple App Site Association-Datei hochzuladen, Verbesserungen beim Lightbox-Element, die Unterstützung von WebP-Bildern im CMS, erweiterte Zeichenlimits im Custom Embed-Feld und die Konvertierung von Elementen zu anderen Elementen, Verbesserungen der CMS-API, die Verwendung des 'Important Flags' in benutzerdefinierten CSS Befehlen, die Hinzufügung von Seitenvorlagen, die Bearbeitung von CMS-Inhalten im Bearbeitungsmodus, ein Lernassistent, die Möglichkeit zum Importieren von HTML- und Embed-Code über CSV, die Duplizierung von Komponenten, Analytics Anzeige der Website-Nutzungs-Daten und die Verbesserung der Marktplatzsuche.

1. Verbesserte Backup-Funktionalitäten

Webflow erstellt nun Backups, ohne die CMS-IDs zu ändern. Dies ist besonders nützlich für diejenigen, die automatisierte Workflows mit APIs nutzen. Durch diese Änderung bleiben die IDs der CMS-Elemente konsistent, was die Integration und Synchronisation erheblich erleichtert.

2. Webflow Apps direkt im Designer installieren

Eine der nützlichsten Neuerungen ist die Möglichkeit, Webflow Apps direkt im Apps-Panel des Designers zu installieren. Dies spart Zeit und macht den Prozess viel intuitiver. Das Plus-Symbol auf der linken Seite ermöglicht es, nach Apps zu suchen und diese direkt auf der Seite oder im gesamten Workspace zu installieren.

3. Page Branching für Enterprise-Kunden

Enterprise-Kunden können nun das Page Branching nutzen, um Änderungen an Seiten von einem Projektmanager oder Creative Director überprüfen und freigeben zu lassen. Dies ist besonders nützlich für größere Teams und Agenturen, die an umfangreichen Projekten arbeiten.

4. Custom Attributes für CSS-Klassen

CSS-Klassen können jetzt als Custom Attributes hinzugefügt werden. Dies ermöglicht eine flexiblere Verwaltung von Stil- und Animationsklassen, ohne dass diese in die Kombo-Klassen integriert werden müssen.

5. Verbesserte Mehrsprachigkeitsunterstützung

Enterprise-Kunden können jetzt CSV-Dateien hochladen, um bestimmte Begriffe in verschiedenen Sprachen beizubehalten. Dies ist besonders nützlich für firmenspezifische Begriffe oder Namen.

6. Lightbox Element Update

Das Lightbox-Element wurde verbessert und kann jetzt direkt mit einem Multi-Image-Field aus dem CMS gefüllt werden. Dies vereinfacht die Erstellung von Galerien und spart Zeit bei der Arbeit mit CMS-Inhalten, da es keine nested Collection list mehr benötigt.

7. Unterstützung für REM- und EM-Einheiten im Figma zu Webflow Plugin

Das Figma zu Webflow Plugin unterstützt jetzt REM- und EM-Einheiten. Dies erleichtert die Synchronisation von Designsystemen und die Arbeit mit skalierbaren Einheiten in Webflow.

8. Apple Well-Known-Files

Webflow unterstützt jetzt Apple Well-Known-Files, die für die Verifizierung von Websites im App Store verwendet werden können.

9. Hilfslinien im Designer

Der Webflow Designer unterstützt jetzt Hilfslinien, die mit dem Shortcut Shift+R aktiviert werden können. Dies erleichtert das präzise Ausrichten von Elementen.

10. Neue CSS-Funktionen

Overflow Clip und Vertical Alignment sind jetzt direkt im Designer verfügbar. Diese Funktionen bieten mehr Kontrolle über das Layout und die Darstellung von Elementen.

11. WebP-Unterstützung für CMS Assets

Bilder, die über das CMS hochgeladen werden, können jetzt in das WebP-Format konvertiert werden. Dies verbessert die Ladegeschwindigkeit der Website, da WebP-Bilder oft kleiner sind als andere Formate.

12. Erweiterte Zeichenanzahl in Custom Embeds

Die maximale Zeichenanzahl für Custom Embeds wurde auf 50.000 Zeichen erhöht. Dies ist besonders nützlich für umfangreiche Skripte oder komplexe Einbettungen.

13. Konvertierung von Elementen

Elemente können jetzt per Rechtsklick in andere Elementtypen umgewandelt werden, wie z.B. von einem Textblock zu einer Überschrift. Dies spart Zeit und erleichtert die Anpassung von Layouts.

14. Verbesserte CMS API

Die CMS API wurde erweitert und bietet nun zusätzliche Parameter wie Name, Slug und Last Publish. Dies erleichtert die Integration und Automatisierung von CMS-Inhalten.

15. Import von HTML über CSV

Der CSV-Import unterstützt jetzt auch HTML- und Embed-Code. Dies ermöglicht eine nahtlose Integration komplexer Inhalte direkt aus CSV-Dateien.

16. Inline-CMS-Bearbeitung

CMS-Inhalte können jetzt direkt im Editing Mode bearbeitet werden. Dies macht die Bearbeitung von Inhalten schneller und intuitiver.

17. Lernassistent mit AI-Unterstützung

Webflow hat einen AI-unterstützten Lernassistenten eingeführt, der bei Fragen direkt im Designer hilft und relevante Anleitungen und Videos anzeigt.

18. Komponenten duplizieren

Komponenten können jetzt einfach dupliziert werden, was die Wiederverwendung von Elementen erleichtert.

19. Site Usage Dashboard

Ein neues Dashboard zeigt die Bandbreitennutzung und hilft, den Ressourcenverbrauch der Website zu überwachen und zu optimieren.

20. 301 Redirects als CSV importieren

301 Redirects können jetzt als CSV-Datei importiert werden, was die Verwaltung und Migration von URLs vereinfacht.

21. Erweiterte Suche im Marktplatz

Der Webflow Marktplatz bietet jetzt eine erweiterte Suchfunktion, um Apps und Use Cases schneller zu finden.

Fazit

Webflow hat im zweiten Quartal 2024 zahlreiche nützliche Updates und Funktionen eingeführt, die die Plattform noch leistungsfähiger machen. Egal, ob du ein einzelner Designer, ein Teil eines größeren Teams oder ein Enterprise-Kunde bist, es gibt viele neue Tools und Verbesserungen, die deinen Workflow optimieren. Bleib dran und abonniere meinen Kanal, um über zukünftige Updates auf dem Laufenden zu bleiben!