Mizko is rebuilding his portfolio and sharing a behind-the-scenes look into his end-to-end strategy, design, and build process in Figma and Webflow.
Webflow announced Design System Sync, a more seamless integration between Figma and Webflow powered by the new companion Webflow App for the Figma to Webflow plugin. The new app allows instant synchronization of design components and variables: “This means that any change made in Figma can be directly reflected in Webflow, eliminating the need for manual updates and ensuring that the final website is always in sync with the latest designs.”
Webflow hosted Webflow Conf 2023 last week, where they announced new product features for building “unmistakably professional websites”. More powerful native integration with Spline, new localization capabilities, modern and scalable design systems, Webflow Apps, and dedicated workflows for commenting, editing, and publishing. Even a new look and a brand new logo!
The next version of the Figma plugin (coming in the next few months) will automatically import your components and their associated variables into Webflow.
Thalion played with Figma to Webflow plugin and came up with the video tutorial and a summary of what you can do with it.
Last week the team at Webflow introduced Webflow Labs, and this plugin is the first project they’ve launched! Turn your static Figma designs into clean, production-ready Webflow HTML and CSS. Add Webflow Interactions, wire up content using their CMS, and publish the website with one click.
SystemFlow is a lightweight landing page UI kit with hundreds of components and sections that are easy to use and customize. I wrote about it back in issue 28 almost two years ago, but they’ve just released a major new version and added support for the latest Figma features. If that wasn’t enough, it also has a matching Webflow kit for building your designs.
Charlie Marie explains why she values and uses both Figma and Webflow in her process.