Design Thursday #20
A weekly recap of everything you need to know about tools, events, guidelines and design in general.
Framer code blocks
Framer now supports code blocks and inline code, making it a great place to write about code or keep your design system documentation.
Framer Gradients
Another new Framer feature is support for new gradient types like multi-stop and conic. The fill picker also got a design update to include all of the new gradient options.
Specify Variables Translator
Specify released a new Figma plugin to translate string variables into any language. Just select the collection, input and output language and it will automatically create new variables.
Try out the Variables Translator plugin
Webflow updates
Webflow has added some smaller but great updates recently. First up text wrapping and word breaking, you can now decide how wrapping and breaking will work in Designer mode. On top of this there is also a Figma plugin update to include support for the new Auto Layout features, making it faster to bring your Figma design into Webflow.
Spline Multi-Scenes
New in spline is Multi-Scenes, which allows you to create multiple scenes in a single file. The update also includes scene transitions, animation support on imported models, trigger areas, bump & roughness map and some UI updates.
LottieFiles Gradient
The LottieFiles Figma plugin now supports gradients, you can now add linear or radial gradients to your animations.
Try out the LottieFiles Figma plugin
FlutterFlow updates
FlutterFlow released quite some new features: you can now loop actions to reduce development time. The PageView, GridView and StaggeredView widgets now support infinite scroll, great to allow users to keep scrolling and showing new content without having to press page buttons. Actions can temporarily be disabled, widget now have an opacity property and there is a new perks program for FlutterFlow users.
Github design conference
Github hosted their first internal design conference where they tried to answer questions like: How does the emergence of creative AI impact our work? How can we achieve an inclusive experience for a spectrum of all abilities? What does designing for developer happiness look like?
You can read all about the conference on the Github blog or watch some of the recorded sessions below (you can find more in the blog post).
Useberry 3.0
Useberry 3.0 is a big update that focuses a lot on better teamwork with different roles like Admin, Manager, Member or Viewers so everyone has their own access level or responsibilities. They also introduced Workspaces so you can keep your projects clean and organized and only give access to a workspace when needed. Another team feature is the team status, this will indicate if you are an active user or not and what you are working on. On top of that you can use comment to get feedback or leave some open to-dos for the rest of your team.
Result sharing
You can now more easily share results via a link with people who don’t have a Useberry account. Just create a link and share it.
Templates
There are also brand new template to make setting up user research even faster, you can even create your own templates so you can adapt it to the way you want.
Feature improvements
- Better click tracking
- Customization of your analysis with segments and filters
- In-depth screen statistics
- Tracking clicks in multiple screen areas
- User Flow updates
- Highlighting key areas
- Support for Figma interactive components
- Dynamic click tracking
- and much more
Mobbin Collections
You can now use Mobbin Collections to keep track of your own screenshots (iOS and Android only at the moment) for inspiration you got from somewhere other than Mobbin. This is a great way to have a complete overview of the visual research you’ve done.
Rive updates
Rive has added quite some now features and fixes over the past few days including: Follow Path constraint, quantize frames (reduce frames rendered per second) and the biggest one Text. You can now create text objects, styles, runs and modifiers. You can even animate variable fonts and use all Google fonts which are provided by default.