Design Thursday #49
A weekly recap of everything you need to know about tools, events, guidelines and design in general.
Component style variants
Webflow announced component style variants during last Webflow Conf, now it's available for everyone! This means you can now create different versions of a component for example light and dark buttons or different layouts without having to create multiple standalone components which are hard to maintain.
Read more about component style variants
Lottie theming
LottieFiles creator now supports theming for your Lottie animations. You can assign tokens for light, dark or any other themes and embed it directly in the dotLottie file. This means you don't have to create multiple animations anymore and can create a single animation that will automatically adapt.
Read all about theming in LottieFiles creator
Variable updates in dev mode
Figma released a few new updates for variables in dev mode making it easier to view and use variables. First of all code suggestions will now suggest variables even if they were not correctly set in design, this will resolve some manual mistakes when you forgot to assign a variable. You can also view more details about a variable when clicking on it like: scoping, description, collection and change modes in real time. The final update is a new fullscreen table view where you can view all available variables and collections.
Design Review without code: Dessn
Dessn is a new tool build to ship design changes without having to write code. How it works? Go to your website, make design changes directly in the browsers, save it and a pull request will be created for your developers. It will automatically generate a commit message using AI which will include all the changes you made to inform your team. Approve it and your design review is already implemented in your live project.