1 KOSTENLOSE Webflow-Vorlage für jeweils 2 Einkäufe — Hallo jetzt dein! 💙🎉😍
De
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!
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:
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:
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.
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:
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.
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.
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.
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.
Andererseits wurden auch Designverbesserungen am Dropdownmenü zum Wechseln zwischen Arbeitsbereichen vorgenommen, um ein besser organisiertes und optimiertes Benutzererlebnis zu gewährleisten.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Klarere Kennzeichnung und einfachere Menüführung wurden ebenfalls implementiert. Diese Webflow-Funktionen machten es jetzt einfacher, Komponenten ohne unbeabsichtigte Änderungen zu aktualisieren.
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.
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.
Diese Liste enthält Webflow-Updates, die im Mai vor der Videoankündigung veröffentlicht wurden!
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.
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.
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.
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.
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.
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.
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.
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.
Dieses Webflow-Update ist besonders vorteilhaft für Unternehmenskunden, die jetzt sicherstellen können, dass nur autorisierte Teammitglieder Zugriff auf die Staging-Umgebung haben.
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.
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.
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.
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.
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:
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!
.svg){kind=icon}
Werfen Sie einen Blick auf Artful und Sie werden die akribische Liebe zum Detail, die wunderschön gestalteten Interaktionen, die mit durchdachten Attributen zusammenwirken, und die kreativ gestalteten Funktionen bemerken, die Ihr neues Portfolio zu etwas Besonderem machen werden.
Maryland ist eine Premium-Webflow-Vorlage für Apps- und SaaS-Unternehmen mit einem faszinierenden Dunkelmodus-Design, mehreren Layoutoptionen sowie integrierten CMS- und E-Commerce-Funktionen. Maßgeschneidert, um die Nutzerbindung zu verbessern und Ihre Online-Präsenz zu verbessern.
![Unverzichtbare Tools für Webdesign, Entwicklung, Hosting und Sicherheit [50 beste Tipps]](https://cdn.prod.website-files.com/62c5836076839ad95e36215d/6509942e5e089d7ac1d5bcbc_Free%20WEB%20Design%20Resources.webp)
.png)
