Entdecken Sie die neuesten Webflow-Updates 2023

Entdecken Sie die neuesten Webflow-Updates 2023
Published
Jun 2, 2023

Webflow wurde seit Anfang Januar einer Reihe kontinuierlicher Updates unterzogen, und diese positive Dynamik zeigt keine Anzeichen einer Verlangsamung für den Rest des Jahres. Das Unternehmen wird diesen Aufwärtstrend mit den aufregenden Plänen für vier Entwicklerkonferenzen, die noch in diesem Jahr geplant sind, fortsetzen.

Obwohl nicht alle Webflow-Updates, die in der neuesten Online-Streaming-Ankündigung vorgestellt wurden, brandneu sind, da einige Anfang dieses Jahres eingeführt wurden, sind sie bedeutsam und verdienen einen genaueren Blick. Webflow nutzte die Gelegenheit dieser Update-Ankündigung, um diese winzigen, aber wichtigen Updates ins Rampenlicht zu rücken, die Aufmerksamkeit des Publikums auf sich zu ziehen und ihre Relevanz hervorzuheben.

Daher werden wir im weiteren Verlauf dieses Artikels die angekündigten Updates in drei Kategorien einteilen: kürzlich hinzugefügte Updates, Mai-Updates und Updates, die bald in diesem Jahr kommen!

Kürzlich hinzugefügte Updates

In unserem schnelllebigen Leben und mit begrenzter Freizeit ist es üblich, dass wir uns unserer Umgebung nicht bewusst werden, insbesondere wenn wir in ernsthafte Arbeit vertieft sind und den Druck verspüren, Termine einzuhalten. So können uns manchmal wichtige Neuigkeiten entgehen.

Genau aus diesem Grund nutzte Webflow diese Ankündigung als Gelegenheit, um neben der Einführung der neuen Updates auch eine kurze Einführung in diese Updates zu geben, auch wenn Sie zufällig einige der neuesten Updates übersehen haben.

Hier sind die neuesten Webflow-Funktionen und -Erweiterungsupdates, die Anfang dieses Jahres in der richtigen Reihenfolge veröffentlicht wurden:

1. Verbesserungen der Seitenverzweigung

Webflow hat neue Verbesserungen für die Seitenverzweigung eingeführt, die großen Teams mehr Leistung, Kontrolle und Sichtbarkeit bieten.

Zu den Verbesserungen gehören die folgenden Fähigkeiten:

An image showing page branching new enhancements features
Seitenverzweigung neue Verbesserungen — Konflikte vor dem Zusammenführen lösen

Diese Webflow-Updates sollen die gemeinsame Entwicklung von Websites erleichtern und es Teams ermöglichen, gleichzeitig an derselben Site zu arbeiten. Unternehmenskunden und Unternehmenspartner können auf diese Webflow-Funktionen zugreifen.

2. Verbesserungen des Webflow Editors für große Websites

Webflow hat in seinem Editor erhebliche Leistungsverbesserungen eingeführt, insbesondere für große Websites, die ein reibungsloseres Bearbeitungserlebnis bieten.

Zu den Verbesserungen gehören unter anderem:

  • Schnelleres Laden von Projekten um das bis zu 15-fache
  • 5-mal reduzierter RAM-Verbrauch für die Bearbeitung und den Zugriff auf Sammlungsdaten
  • Der Speicherdruck wurde um das bis zu 6-fache verringert
  • 86x geringere Bandbreitenanforderungen.
Webflow image showing editor improvements for large site customers
Verbesserungen im Editor für große Standortkunden

Darüber hinaus wurden kleinere UX-Updates für das Filtern und Durchsuchen vorgenommen, sodass Elemente in einer Sammlung verfeinert und durchsucht werden können, sobald 100 Datenelemente vorab geladen wurden.

3. Aktualisierungen der Google Analytics-Integration

Webflow hat Anfang dieses Jahres seine Google Analytics-Integration aktualisiert, um dem bevorstehenden Übergang von Universal Analytics zu Google Analytics 4 Rechnung zu tragen. Durch die Integration können Benutzer jetzt nur noch Mess-IDs von Google Analytics 4 verwenden.

An image showing Google Analytics updates in Webflow
Aktualisierungen zu Google Analytics

Nutzer mit Universal Analytics-Messungs-IDs werden aufgefordert, diese zu ersetzen, während Nutzer mit Google Analytics 4-Messungs-IDs ihre Websites erneut speichern und veröffentlichen müssen, um die Nachverfolgung fortzusetzen. Die Schalter für IP-Anonymisierung und gtag.js wurden ebenfalls entfernt, da es sich bei diesen Konfigurationen nun um obligatorische Konfigurationen in Google Analytics 4 handelt.

4. Einen Standard-Workspace für Ihr Dashboard einrichten

Benutzer in Webflow können jetzt einen Standard-Workspace festlegen, was es Agenturmitgliedern und Freelancern erleichtert, zwischen verschiedenen Teams zu navigieren. Sie können jetzt einfach Ihren bevorzugten Workspace angeben und er wird automatisch geöffnet, wenn Sie auf das Dashboard zugreifen.

an image showing how to set up default workspace in webflow
Einstellung Ihres Standardarbeitsbereich ist jetzt verfügbar

Andererseits wurden auch Designverbesserungen am Dropdownmenü zum Wechseln zwischen Arbeitsbereichen vorgenommen, um ein besser organisiertes und optimiertes Benutzererlebnis zu gewährleisten.

5. Verbesserungen an variablen Schriftarten

Ein weiteres Update, das Webflow gestartet hat, betrifft variable Schriftarten. Designer können jetzt benutzerdefinierte Achsen variabler Schriftarten animieren, was ihnen mehr kreative Möglichkeiten bietet und einfacheren Zugriff auf benutzerdefinierte Schriftarten bietet.

an image showing webflow fonts
Neu Schriftaktualisierungen im Webflow

Darüber hinaus erleichtert ein neuer Indikator die Unterscheidung zwischen Variable und statische Schriftarten, und Designer können bequemer auf Variationssteuerelemente zugreifen. Nicht nur das, auch die Anpassung von Varianten kann jetzt in einem Schritt erfolgen, sodass das manuelle Hinzufügen entfällt.

6. Wähle dein Workspace-Profil

Beim Übergang vom vorherigen Format zu einem optimierteren Format hat Webflow ein Update eingeführt, mit dem Benutzer ihren Workspace @handle und ihre Profil-URL auswählen können. Diese Änderung bietet ein verbessertes Branding für Profile und gibt Benutzern die direkte Kontrolle über ihre URL-Auswahl.

An image showing  how to Choose your Workspace profile @handle and URL
Wähle dein Workspace-Profil @handle und URL

Benutzer können zum Workspace navigieren Seite „Einstellungen“ und verwenden Sie das Feld „Workspace-Profil-URL“, um eine beliebige verfügbare URL Ihrer Wahl auszuwählen. Alte URLs werden automatisch in das neue Format umgeleitet, sodass ein nahtloser Zugriff auf das öffentliche Profil des Benutzers gewährleistet ist.

7. Verwenden Sie CMS-Daten in benutzerdefinierten HTML-Blöcken

Nach vielen Benutzeranfragen führte Webflow das Update ein, das es Benutzern ermöglicht, CMS-Daten in benutzerdefinierten Attributen zu verwenden, wodurch benutzerdefinierter Code und HTML-Attribute noch leistungsfähiger werden. Diese Erweiterung ermöglicht es Designern, CMS-Datenfelder oder Komponenteneigenschaften an benutzerdefinierte Attribute oder Element-IDs zu binden, wodurch die Abhängigkeit von benutzerdefiniertem Code für dynamische Daten reduziert wird.

Nutze CMS-Daten in benutzerdefinierten Attributen

Benutzer können jetzt die Barrierefreiheit von Websites verbessern, Integrationen oder Widgets steuern, die HTML-Datenattribute verwenden, das Seitendesign basierend auf Feldwerten anpassen und vieles mehr.

8. Unterstützung für dotLottie-Animationsdateien

dotLottie-Animationsdateien werden jetzt in Webflow unterstützt. Auf diese Weise können Benutzer ihren Webflow-Websites Adobe After Effects-Animationen mit kleineren Dateigrößen und schnelleren Ladezeiten hinzufügen. Mit diesem Integration, Benutzer können interaktive Erlebnisse erstellen, indem sie diese Animationen mit Triggern wie Seitenladen, Seitenblättern und Mausbewegungen verbinden, indem Webflow-Interaktionen.

9. Filter für das Aktivitätsprotokoll der Website

Die Einführung von Filtern für Standortaktivitätsprotokolle ermöglicht es großen Teams, schnell und effizienter zu finden, was sie benötigen. Mit diesen Filtern können Webflow Enterprise-Kunden und Unternehmenspartner die Aktivitätstypen anpassen, die sie sehen möchten, z. B. Klassen, benutzerdefinierter Code und Branch-Events.

An image showing how to quickly find what your looking for through filters in activity log in Webflow
Finden Sie schnell, wonach Sie suchen, mithilfe von Filtern in Aktivitätsprotokoll

Benutzer können auch nach Autoren filtern und sich die Ergebnisse aller Autoren oder bestimmter Personen anzeigen lassen. Zusätzlich enthalten klassenmodifizierte Ereignisse jetzt ein anklickbares „Listensymbol“, über das Sie schnell auf Elemente und Seiten zugreifen können, die von Klassenänderungen betroffen sind. Diese Verbesserungen optimieren den Prozess der Nachverfolgung und Lösung von Problemen auf der Website und verbessern so die Zusammenarbeit und Produktivität der Teams.

10. Elemente in Div-Blöcke einwickeln

Was zuvor in mehreren Schritten erledigt werden musste, ermöglicht Webflow mit der Einführung neuer Tastenkombinationen und Canvas-Kontextmenüoptionen jetzt Designern, Elemente viel einfacher in einen Div- oder Link-Block zu verpacken.

Verpacken div-Blöcke ist jetzt leicht zugänglich

11. Unterstützung für dynamische CSS-Viewports für neue Einheiten

Um Designern mehr Flexibilität bei der Erstellung responsiver Designs für mobile Browser zu bieten, führte Webflow neue Einheiten für die Breite und Höhe von CSS-Viewports ein.

Neu CSS-Viewport Höhen- und Breiteneinheiten

Diese neuen Einheiten (klein, groß und dynamisch) lösen das Problem dynamischer Werkzeugleisten auf Mobilgeräten. Sie stellen sicher, dass feste Elemente nicht abgeschnitten werden, und verbessern so das allgemeine Besuchererlebnis. Sie können im Style-Bereich des Webflow Designers verwendet werden.

12. Verbesserungen des Figma-Plugins

Webflow ging auf eine häufig gestellte Anfrage der Community ein, die Klassenbenennung zu korrigieren, und hat dies mit diesem Fix des Figma-Plugins getan. Das aktualisieren verbessert die Klassenbenennung beim Kopieren und Einfügen von Elementen von Figma in Webflow.

Was zuvor beim Kopieren und Einfügen von Elementen von Figma nach Webflow zu doppelten Klassen geführt hat, was zu einem überladenen Klassensystem geführt hat, können Benutzer jetzt einfügen, ohne sich darüber Gedanken machen zu müssen. Sie können mit Webflow-Klassen einfügen oder Fügen Sie die aktualisierenden Webflow-Klassen ein. Beachten Sie, dass Webflow beim ersten Einfügen Zugriff auf die Zwischenablage erhalten muss.

13. Einführung in das Styling von Textstrichen

Das Stylen von Textstrichen ist eine dringend benötigte Funktion, sodass Designer keinen benutzerdefinierten Code oder Plugins von Drittanbietern verwenden müssen. Mit dieser Funktion können Benutzer ihren Textelementen auf einfache Weise eine Gliederung oder einen Rahmen hinzufügen, was mehr Flexibilität bietet und ihren Entwurfsprozess rationalisiert.

An image showing how to Add an outline to your elements through text stroke styling
Fügen Sie Ihren Elementen eine Gliederung hinzu durch Stil von Textstrichen

14. Verbesserungen der SSO-Authentifizierung

Den Bedürfnissen großer Unternehmen gerecht zu werden, SSO-Verbesserungen wurden gemacht für Teams mit mehreren Arbeitsbereichen, Teams mit mehreren E-Mail-Domänen, und Authentifizierung auf Workspace-Ebene für mehr Sicherheit.

15. Aktualisierungen der Benutzerfreundlichkeit von Komponenten

Die neuen Änderungen an Komponenten zielen darauf ab, das Bearbeitungserlebnis zu verbessern, indem zu einem früheren Verhalten zurückgekehrt wird, das reibungsloser und intuitiver ist. Benutzer können jetzt doppelklicken, um die Hauptkomponente zu bearbeiten und Komponenteneigenschaften bearbeiten direkt auf der Leinwand.

a webflow interface picture showing the usability update to components
Verbesserungen in Aktualisierung Ihrer Komponenten einfacher

Klarere Kennzeichnung und einfachere Menüführung wurden ebenfalls implementiert. Diese Webflow-Funktionen machten es jetzt einfacher, Komponenten ohne unbeabsichtigte Änderungen zu aktualisieren.

16. Sammlungsseiten innerhalb von Ordnern verschachteln

Für mehr Kontrolle und Verwaltung der CMS-Inhalte hat Webflow dieses Update eingeführt, mit dem Benutzer Sammlungsseiten in Ordnern verschachteln für eine bessere URL-Kontrolle. Mit dieser Funktion können Benutzer ihre Suchmaschinenoptimierung optimieren, indem sie Sammlungselemente in einem URL-Unterverzeichnis veröffentlichen.

Collection items at URL subdirectories
Servieren Artikel aus der Sammlung bei URL-Unterverzeichnissen

Benutzer können jetzt auch Vorlagenseiten verhindern aus dem Veröffentlichen für bestimmte Sammlungen und doppelte Sammlungsstrukturen um die Erstellung von Inhaltsbibliotheken zu beschleunigen.

How to duplicate a collection in Webflow
Vorhandene Sammlungen duplizieren

Webflow-Updates im Mai

Diese Liste enthält Webflow-Updates, die im Mai vor der Videoankündigung veröffentlicht wurden!

1. Leistungsverbesserungen für Designer

Dieses Webflow-Update zielt auf große Websites mit 50 Seiten oder mehr ab und verbessert die Geschwindigkeit und Reaktionsfähigkeit verschiedener Designer-Funktionen, darunter das Öffnen des Designers, das Umschalten zwischen Seiten, das Navigieren im Seitenbereich, die Elementeinstellungen, den Navigator und den Style-Manager sowie die Arbeit mit Rasterlayouts.

an image of the new faster designer on Webflow
EIN schnellerer Designer, besonders auf großen Seiten

2. Suchen Sie schnell nach Farbmustern

Die Suche nach Farbfeldern im Stilfenster ist mit diesem Update jetzt schneller als je zuvor. Wenn Sie in der Farbeingabe eine Farbe auswählen, wird eine Dropdownliste mit Farbfeldern mit der entsprechenden Farbe und dem Namen angezeigt, sodass Sie Farben leichter finden und auswählen können.

search easily for swatches on webflow
Suche nach Muster in deinem Style-Panel

Darüber hinaus können Benutzer eine Vorschau der Farbänderungen in Echtzeit anzeigen, indem sie den Mauszeiger über die Farbfelder auf der Leinwand bewegen.

3. Entferne dich aus einem Workspace

Ein häufig nachgefragtes Feature, das sogar als erstes in der Reihenfolge erwähnt wurde Videoankündigung, ermöglicht es Benutzern, sich selbst aus einem Workspace zu entfernen, ohne die Unterstützung eines Administrators oder Kunden zu benötigen.

Verlasse deinen Workspace ohne Admin-Unterstützung

Um dies zu tun, können Sie auf die Dropdownmenü „Arbeitsbereich“ in deinem Armaturenbrett, klicken Sie auf“Arbeitsbereiche verwalten„, wählen Sie die Ellipse für den jeweiligen Arbeitsbereich aus und wählen Sie“Workspace verlassen„Option.

4. Komponenten können jetzt in Sammlungslisten verwendet werden

Mit diesem Webflow-Update ist es jetzt möglich, Komponenten in Sammlungslisten zu ziehen und CMS-Daten mit Komponenteneigenschaften zu verbinden, sodass gemeinsame Entwurfsmuster über mehrere Instanzen hinweg wiederverwendet werden können.

Use components in collection lists
Verwenden Sie Komponenten in Sammlungslisten

Nicht nur das, sondern jetzt Elemente im Inneren Elemente der Sammlungsliste können auch konvertiert werden. in Komponenten, ähnlich wie alle anderen Elemente, wodurch die Effizienz beim Entwerfen und Synchronisieren von Layouts auf der gesamten Website verbessert wird.

5. Private Inszenierung

Die Verbesserung des Datenschutzes und der Sicherheit bei der Überprüfung von Änderungen an der Website vor der Veröffentlichung wird mit dieser Funktion ermöglicht, ermöglicht Benutzern, den Zugriff auf ihre webflow.io-Staging-Domain einzuschränken an eingeloggte Benutzer in ihrem Workspace.

How to turn on private staging in Webflow
Beschränken Sie den Zugriff durch Aktivieren private Inszenierung

Dieses Webflow-Update ist besonders vorteilhaft für Unternehmenskunden, die jetzt sicherstellen können, dass nur autorisierte Teammitglieder Zugriff auf die Staging-Umgebung haben.

6. Combo-Klassenunterstützung für das Figma-Plugin

Webflow hat kürzlich auch die Unterstützung für Combo-Klassen für sein Figma-Plugin eingeführt, um eine häufig nachgefragte Funktion zu adressieren. Mit diesem Update können Benutzer beim Einfügen von Figma-Designs in Webflow automatisch Webflow-Kombinationsklassen erstellen. Um Combo-Klassen zu erstellen, müssen Benutzer ihre Figma-Ebenen benennen, wobei sowohl die Klasse als auch die Combo-Klasse durch Schrägstriche getrennt sind.

create combo classes automatically
Kombi-Klassen automatisch erstellt

Zur Veranschaulichung werden beispielsweise durch die Benennung einer Figma-Ebene „Primary Button/Dark“ die Primary Button-Klasse und die Dark-Combo-Klasse in Webflow generiert.

7. Präsentieren Sie Projekte aus dem Workspace eines Kunden

Bisher war es für Webflow-Experten schwierig, ihre Arbeit an Made in Webflow und ihr Webflow-Profil zu präsentieren, als die Site zum Workspace eines Kunden gehörte. Mit diesem Update können Webseitenbesitzer nun Agenturen, Freelancer und andere Mitwirkende mit den Creator Credits ihrer Website taggen.

Taggen Sie Agenturen, Freelancer usw. mit Ihren Websites Creator-Credits

Auf diese Weise können diese Ersteller die Arbeit an Made in Webflow und ihrem Webflow-Profil präsentieren, ohne eine Kopie der Website auf ihr eigenes Konto erstellen zu müssen. Seiteninhaber, Workspace-Mitglieder und Gäste können über den Tab Allgemeine Einstellungen bis zu drei weitere Webflow-Benutzer oder Workspaces zu den Creator-Credits einer Website hinzufügen. Ersteller mit Tags können die Website präsentieren, auch wenn der Eigentümer der Website sie nicht in seinem eigenen Konto präsentiert.

5 große bevorstehende Updates

Webflow kündigte 5 große Updates an, die bald in diesem Jahr erscheinen werden, und obwohl wir einige davon erwartet hatten, gibt es viel, worauf wir uns freuen können. Dieses Mal werden wir sie nur am Rande erwähnen, da wir später in diesem Jahr, wenn sie veröffentlicht werden, einen weiteren ausführlichen Artikel veröffentlichen werden!

Hier sind die 5 Webflow-Updates, auf die wir uns in diesem Jahr freuen:

  • KI-Investitionen
  • DevLink
  • Kommentieren und Zusammenarbeit
  • Lokalisation
  • Spline-Integration

Fazit

Webflow hat seine Plattform kontinuierlich aktualisiert und hat spannende Pläne für vier Entwicklerkonferenzen im Laufe dieses Jahres. Die jüngsten Updates sind zwar nicht alle brandneu, aber bedeutsam und verdienen Aufmerksamkeit.

Sie reichen von der Verbesserung der kollaborativen Website-Entwicklung bis hin zur Verbesserung der Editor-Leistung, der Google Analytics-Integration, der Workspace-Verwaltung und vielem mehr. Die letzten angekündigten Updates sind etwas, auf das wir uns freuen können, und sie halten uns alle in Atem.

Das Engagement von Webflow zur Optimierung der Benutzererfahrung zeigt sich in diesen Updates, die Designern und Entwicklern mehr Leistung, Flexibilität und Effizienz bieten.

Wenn Sie noch ein Anfänger in der Webflow-Roadmap für Webdesign und -entwicklung sind, können Sie sich abschließend die Webflow 101 Kurs für eine vertiefte Einführung in alle Vor- und Nachteile von Webdesign, und vergewissern Sie sich auch, dass Blog für die neuesten Webflow-Nachrichten und Updates!

Most read articles:
Die 20 besten Webflow-Apps für 2024
Wie benutzt man Figma für Webdesign?
Thank you! Your submission has been received!
Check your inbox and confirm your email!
Oops! Something went wrong while submitting the form.
Share This

Other Insights

Amazing Webflow
templates 🤩