Webflow
6
min Lesezeit

Latest Webflow Features and Updates 2024

Table of content
Webflow
5
min read time

Latest Webflow Features and Updates 2024

There are some exciting What's new for Webflow, which further improve the platform and expand opportunities for website builders. It's the end of Q1 2024 and today we're taking a look at the latest 2024 updates and features so far, and explaining the benefits for Webflow users and agencies.

Visual localization without code: country flags and custom icons for language switching

Webflow now makes multilingualism of your website even easier! With the update, you can switch the language dance without code Add individual images, such as country flags or your own symbols.

advantages:

  • Simplified Localization: Images such as flags provide intuitive user guidance and make it easier to navigate to the language versions of your website.
  • Improved usability: Visual elements make language switching easier to understand for users of all language skills.
  • Professional appearance: Individual icons can underline your branding and visually enhance the entire website.

Improved management of API tokens: More control and overview

Webflow introduces improved API token management that provides more control: targeted access permissions, multiple tokens per website, and the ability to name the tokens.

advantages:

  • Improved security: Targeted access authorizations minimize the risk of unwanted data access.
  • Collaborate more efficiently: Named tokens simplify communication within the team and ensure greater clarity in the project.
  • Future-proof integrations: Updating to the new V2 API suite guarantees the long-term functionality of your external connections.

New features in the rich text editor: code integration, text formatting & improved lists

At last! So far, Webflow's rich text element has been updated rather neglectfully. Many of our customers are still a bit disappointed when they get from Wordpress come and are spoiled by extensive functions. Unfortunately, Webflow still offers very little here so far. But now new features are finally coming: Webflow is adding three functions to the rich text editor:

  1. Insert code directly into rich text elements
  2. Formatting text as code
  3. Improved list functions (Bulletpoint List)

advantages:

  • Easy code integration: In December, Webflow launched the Code block element published — a standalone element for embedding code on a web page.
  • Until now, this has been more cumbersome. From now on, you can simply insert code blocks directly into rich text elements on the work area and into rich text fields of the content management system.
  • Advanced text formatting: Text passages can now be formatted as code directly in the rich text editor, making it easier to display source code on your website.
  • Improved list management: The editing of lists in rich text elements is optimized with icons for changing the list type (ordered/unordered) and indentation functions (tab/shift+tab) for indenting and withdrawing list elements.

New layout control in the style panel: intuitive design and optimized workflows

Webflow introduces improved layout control in the style panel, providing a higher level of design flexibility. The new features make it easy to create user-friendly and powerful layouts and streamline the design process.

advantages:

  • Intuitive navigation: The clearly labelled controls and icons in the layout area ensure easy navigation and quick understanding of the functions.
  • Simplified presentation: Text names for complex concepts such as Flexbox and Grid replace icons and make them easier to use for beginners.
  • Efficient control: The most important options are centrally arranged and offer direct access, while additional functions can be accessed via a drop-down menu. These updates reduce cognitive load and promote efficient use of features.
  • Precise controls for flexbox: The new alignment box and X/Y axis control give both designers and developers precise control over the arrangement of Flexbox elements.
  • Optimized grid options: Grid layout control has been integrated into the style panel for improved usability. The new interface continues to offer extensive customization options.
  • Fine-tuning the distances: The improved gap control with linear slider and manual input enables precise adjustment of distances in flex box and grid layouts.

Figma to Webflow: Faster website launch with new Companion App & Design System Sync

Webflow improves the transfer of designs from Figma to Webflow with the introduction of a new companion app and the “Design System Sync” feature in the existing Figma plugin. These updates enable streamlined workflow, improved control, and seamless synchronization.

advantages:

  • More efficient process: The companion app in the Webflow Apps Panel provides direct synchronization with Webflow, reducing intermediate steps and increasing productivity.
  • Improved design system synchronization: The new “Design System Sync” feature within the plugin easily synchronizes components and variables from Figma with Webflow, which guarantees design consistency between platforms.
  • Preview and review: Changes to already linked components or variables can be previewed directly in the app. In addition, the CSS adjustments made can be checked.
  • Approval process: With the new approval feature in Webflow, changes can be reviewed and approved before they are finally published. This ensures more control and accuracy when deploying the designs (approval queue).
  • Scalable design systems: The Companion app and Design System Sync promote the use of scalable design systems in Webflow. This enables consistent and efficient workflows from designs to code and gives designers more time for creative tasks and maintaining a consistent design language.
  • Easy to set up: Die Companion app is already included in the installation of the Figma to Webflow plugin from the Figma Community. Users with an existing plugin installation will automatically receive the app after the next plugin authentication or login. After updating the plugin, the Companion app can be accessed via the Apps Panel in the Webflow project. Synchronization then starts via the plugin in Figma.

New options for advanced designs: custom CSS properties and values

Webflow introduces a comprehensive extension of supported CSS properties and values, giving designers more creative freedom and streamlined workflows.

advantages:

  • Expanded design options: Support for nearly 90% of all available CSS properties allows for more detailed and nuanced designs right within the Webflow visual interface.
  • Reduced custom code requirement: User-defined CSS properties and values reduce reliance on additional code and make the design process more intuitive and efficient.

Webflow Enterprise: Detailed website change tracking via API

Webflow now offers enterprise customers the option to access their website activity logs via a new API endpoint.

advantages:

  • Automatic change monitoring: Automatically access logs that provide detailed information about design and content changes on your website.
  • Simplified compliance checks: Use Site Activity Logs to streamline audit and compliance workflows within your organization.
  • Improved transparency: Stay on top of important changes to your website, including style modifications, text changes, publishing information, and more.

Webflow Enterprise: Work securely with pages as branches and component editing

Webflow Enterprise offers two new features that improve team collaboration and security: page branches and component editing in branches.

advantages:

  • Side branches for secure design: Create new pages in isolated branches and complete the entire review process without the risk of publishing unfinished or unapproved pages.
  • Component editing in branches: Make changes to global components in a branch without affecting the live version of your website. Test and verify the effects before applying the changes to the entire website.
  • Collaborate more efficiently: Let teams securely collaborate and test changes to pages and components before they're published to the live site. This results in a faster and safer design and development process.

Webflow Enterprise: Standalone staging domain for secure testing

Webflow Enterprise now offers the option to use your own domain for your website's staging environment.

advantages:

  • Simplified testing: Use your own domain for the staging environment and avoid confusion with the live website.
  • Improved security: Separating the staging environment from the Webflow subdomain increases security during the development phase.
  • Consistent presentation: Use a single domain for your website throughout the workflow — from development to testing.

Better organization in the designer: grouping component properties

Webflow introduces the ability to group properties of components in the designer.

advantages:

  • Simplified navigation: Group related properties to make it easier to navigate the properties window.
  • Improved overview: With groupings, you can keep track of complex components with many properties.
  • Work more efficiently: Find the properties you want faster and work more efficiently in the designer.

Conclusion: Webflow 2024 — more control and extended design options for optimized websites

Webflow has become one of the best platforms for creating websites. With its intuitive no-code approach and Wide range of powerful features and updates, Webflow allows both beginners and experienced developers to create professional websites without programming knowledge.

If you need professional help creating your website, marketer UX is Germany's leading Webflow agency with over 7 years of experience. Get to know us & arrange a non-binding Consultation. Our Webflow experts are happy to help you implement your vision!

Author
Christian Kallinich
Autor
Christian Kallinich
CEO
Read more
Show less
Share this article

FAQ

No items found.

Articles & Resources

Webflow
3
min reaD time

Webflow Intellimize: AI-powered website optimization possible soon!

Webflow acquires Intellimize! The new power combination for AI-powered website personalization and optimization.
SEO
12
min reaD time

Google Seo Leak: Anyone can get to number 1!

Discover the secret Google ranking factors! The SEO leak of May 24, 2023 reveals what really counts. Find out how you need to adjust your SEO strategy now!
Online marketing
9
min reaD time

Marketing psychology: Tesla website analysis

Learn how Tesla uses the psychology of its target audience through minimalistic designs, emotional appeal, and intuitive navigation to make its website successful.
Webflow
6
min reaD time

Latest Webflow Features and Updates 2024

There are some exciting new features for Webflow that further improve the platform and expand the options for website builders. Today, we'll take a look at the latest 2024 updates and features, and explain the benefits for Webflow users and agencies.
SEO
5
min reaD time

The 10 most expensive domain names in the world

The most expensive domain names in the world cost millions. Find out which factors influence the value of a domain and what the top 10 most valuable domains are.
SEO
18
min reaD time

Local SEO: The ultimate tips to attract local customers

Have you ever caught yourself searching on Google for things like “hairdresser nearby” or “best bakery in Berlin”? If yes, then you've already taken a first step towards local SEO.
Webdesign
8
min reaD time

The power of color psychology in marketing and branding

Learn how color psychology in marketing and branding awakens emotions, influences buying decisions and strengthens your brand.
Online marketing
5
min reaD time

Tesla's 2024 entry into paid advertising: First visible steps revealed

Discover Tesla's new 2024 marketing strategy, which is based on efficient content production. A profound insight into the future of automotive advertising from marketer UX.
Webflow
10
min reaD time

Webflow vs WordPress 2024: The ultimate comparison

Webflow or WordPress? Our detailed guide compares features, SEO, usability, and pricing so you can make the right decision!
Online marketing
5
min reaD time

Tesla's new marketing strategy 2023

Since the founding of Tesla Inc., the company has never invested a single cent in paid advertising. It was announced this year that this would now change. In this article, we'll look at what we as an online marketing agency can learn from this.
SEO
3
min reaD time

Chat GPT Revolution - How do you use it correctly?

What is Chat GPT from OpenAI and how do you use it correctly in a company. What dangers can you avoid and why will you no longer be able to avoid this language model in the future.
Webflow
11
min reaD time

Website development and planning the budget correctly

Learn how to correctly calculate the budget for your new website. An essential guide for every entrepreneur.
Online marketing
6
min reaD time

Advertising on the Internet - Boost Your Business Potential Online

Find out how you can attract new customers and more applicants to your company and increase your business potential online with targeted advertising measures on the Internet.
SEO
15
min reaD time

SEO consulting - 2 keys that matter

SEO consulting for SMEs. Goal-oriented advice directly from experienced experts and to fill the best positions at Google.
Fallstudie
6
min reaD time

How Klaus Hübner boosts his company's growth with online marketing

Klaus Hübner is a successful expert in subsidy management and talks about his experiences with online marketing and its impact on his company. Learn how he recognized online marketing as a key strategy for growing his business and what vision he has for the future of online marketing in his industry.
Webflow
7
min reaD time

Top 10 Webflow features we've loved as an agency for 6 Years

Have you had enough of cumbersome or outdated website builders? We've been working with Webflow for over 6 years and want to share our 10 favorite features with you that help us every day — these features are a real game changer for us.
Online marketing
12
min reaD time

Online marketing strategy: Achieving your goal in 6 steps

Digitalize your marketing? Find out more tips for creating an online marketing strategy/marketing plan in this article!
Finance
17
min reaD time

Marketing law firm: How to attract clients

In 4 steps to successful law firm marketing: automated client acquisition, expert status & recognition!
Online marketing
8
min reaD time

What is a lead

What exactly was a lead again? Translated from English, “lead” means something like clue, or clue. In marketing, we talk about leads, lead acquisition or lead generation. With this article, we are shedding some light on the darkness.
Sales
17
min reaD time

Learn how to sell

Are you self-employed and would like to know how to sell your service (s)? Are you planning to set up a company and would like to find out the easiest way to sell your products? Then you've come to the right place!
Online marketing
19
min reaD time

Customer journey - The journey of your customers

How to use the Customer Value Journey to turn foreign prospects into enthusiastic regular customers. Find out everything about this topic here!
Online marketing
9
min reaD time

B2B online marketing - That's how it works in business!

Most likely, you ended up on this page because you want to know what options and strategies there are in online marketing for the B2B sector? Find out the right answer here!
Webflow
12
min reaD time

Redesign of the company website

With these 11 tips, you'll get a top website! This is how the redesign of your corporate website will be a success!
Online marketing
11
min reaD time

Winning customers in the digital age

Every company needs customers. A sentence that is easy to say. In fact, it only scratches the surface. What companies really need to flourish is satisfied, loyal customers in steadily growing numbers. Regardless of whether your business is just getting started or wants to continue to grow: Acquiring more or new customers is a principle that you should always follow!
Webflow
12
min reaD time

Webflow — a comprehensive CMS and website builder

Webflow is “the modern way to build for the web,” says the Webflow marketing team. There is no question that Webflow shines with modernity: The system makes website construction child's play for almost everyone - the only requirement is a few basic programming language skills. Webflow is therefore one of the strongest tools for visual design, but at the same time also a CMS and hosting platform of the modern era. In this guide, we're not looking at the sunny side of Webflow — we're more interested in the question of whether all the fun is actually worthwhile and which projects are generally best suited to working with Webflow?

Make a joint appointment for your website project now

For over 6 years, we have been moving companies forward in the digital space. With over 200 successful projects, we are proud to always think outside the box and discover new things. For us, it's not just about ticking off tasks, but about delivering real results. Rely on our expertise and let us help your company achieve a digital breakthrough together!

Visit us on social networks