Design Thursday #17
A weekly recap of everything you need to know about tools, events, guidelines and design in general.
Comments in Webflow
Webflow introduced comments via yet another great tutorial video. You are now able to comment on any element on your website, so you can work on them with other people. You can mention them, view on overview of all comments and filter them to easily find what you are looking for.
New in Framer
It’s the end of the month and Framer has yet another monthly update which mostly includes bug fixes and improvements. On top of that there is also a Conditionals & Transforms update. Allowing you to use the “Is Set” conditional for formatted text fields, you can use color & number transforms to set a color or number based on a variable. There is more in this update so make sure to check out the update overview to better understand what’s new in this update
Conditional & Transforms update
Figma homepage
Figma has a brand new homepage that better showcases all of the new features shared during Config. It’s filled with interactive Rive animations, so have a look around and see how you can interact with the feature previews. Right before Config Figma also released a new blog called Shortcut, it already includes a lot of new content, so you’ll sure find something interesting to read.
New in Rive
Rive added some exiting new features including Motion Path, to easily preview the path your object will animate on, interpolation on state machine transitions and improve Lottie importing.
New in FlutterFlow
FlutterFlow added some new features including Firestore Query Actions, that let you load specific data after an action was performed, making it a lot more efficient instead of loading all data. A new sticky header widget, audio recording, better spacing options, Unsplash image search and a few bug fixes and improvements.
View the FlutterFlow changelog
Lottie support in Origami
Origami, Facebook’s node editor prototyping tool, recently added Lottie support, so you can integrate your animations right inside of your prototypes.
State of Design Delivery
Zeplin and UX Tools (know from the Design Tools Survey) talked about the state of design delivery, how teams work together and what the future of design delivery might be.
View the State of Design Delivery
Midjourney 5.2
Midjourney released version 5.2 with a new zoom-out outpainting feature, improved aesthetics & text understanding, sharper images and more.
A Brand Designer’s Guide to Motion Design
Stephen Grace released a motion design course to everything your should know about motion design in 70 minutes. You’ll get to know the After Effects interface, learn how to animate and export your animations. This is a great starting point for beginners or experiences motion designers who want to refresh their skills.
New Figma plugins and resources
Because of the new Figma features, there are also new possibilities for plugins and prototypes. Here’s a list of some great new plugins and resources that will make working with variables easier.
Find Variables
View what variables are used in your designs and quickly select all layers using them.
Typing in prototypes
This might be misusing variables and conditions in prototypes, but it’s genius. Thanks to the new features you can now create an actual text input element.
Typing with your actual keyboard
Styles to Variables
Don’t have the time to convert all of your existing styles into variables? Good news, you don’t have to do it manually. This plugin allows you to quickly convert your styles into variables.