Webflow improvements

There are quite a few features added in Webflow, which might seem small, but will make your work so much easier.

Text decorations‍

Create custom decorations where you can change the style, color, offset, position, ... Wavy strikethroughs for the win!

A screenshot showing stylized text that says, “Collably for Enterprises…” in purple and pink with a wavy underline. On the side, there’s a panel titled “Decoration & underline,” showing options to customize the line style, color, and other text effects.
Visual from Webflow's release notes

‍

Design Approval

There are 2 new features in design approval, requesting changes or approve designs. Reviewers can leave a message, so you can quickly follow up on design feedback.

A screenshot of Webflow’s dark-themed code review panel. It includes options to “Request changes” or “Approve” with radio buttons, an empty “Optional message” text box, and buttons for “Back” and “Submit review.” At the top, it says “Review” with a dropdown menu, and the status in the corner reads “Pending review” with a menu button.
Visual from Webflow's release notes

‍

New Variable types

You can now use number and percentage variables to create reusable font sizes, margins, widths, ... Your design system will never have been so organized.

A screenshot of Webflow’s settings panel for design variables like “Line Height,” “Font Weight,” and “Margin Top.” The “Margin Top” value is highlighted and set to 10%, showing an example of adjustable design properties.
Visual from Webflow's release notes

‍

UI Refresh

On top of the smaller changes, Webflow's refreshed UI is now rolling out to all users. Cleaning up the interface to make it easier to use all of the recently released new features. Check out the new Webflow UI introduction video.

‍

Libraries modal redesign

The libraries modal in Figma got a small redesign making it easier to see what libraries you are using in your file and which ones are recommended to add. This will give you a better overview of all available libraries to quickly add them to your files.

A screenshot of Figma’s library modal. On the left, there’s a sidebar, and in the main panel, colorful cards display recommended libraries like “UI3 Systems,” “Brain Candy,” and “Earthling Design Systems,” each marked as recommended by Figma.
Visual from Figma's release notes

‍

FlutterFlow Updates

Here are some of the new features added in FlutterFlow

  • Download files: A new action has been added to let users download a file from a url or bytes variable that should be downloaded.
  • New Drag tiggers: Two new triggers have been added for onDragStarted and onDragEnded actions so you can build more complex draggable experiences.

Read all FlutterFlow release notes

A screenshot of FlutterFlow’s design interface showing a section titled “Your orders” with an item listing for a “Zooka Men’s T-shirt” priced at $148. A blue arrow links a clickable “Invoice” interaction to a settings panel on the right, which configures a “Download File” action with parameters like source URL and filename. The interface includes tools for designing and managing app interactions.
Visual from FlutterFlow's release notes

‍

A look inside FPL - Figma Pattern Library

Figma shared a video where they talk out their design system FPL (Figma Pattern Library). They dive into how they work together, how variables are used, automated variable syncing to Github via the Figma REST API, how Code Connect is used and how they make it all scalable via their documentation site.

You can watch the video or read the article that includes some additional screenshots.

‍

Brand Design at Perplexity

This interview with Phi Hoang, Brand Experience Designer at Perplexity, goes into how to Perplexity brand is created and how AI tools are used to create visuals for the brand. They go into depth about the creative process, how to approach brand strategy and the future of brand design and how AI tools will shape the future.