Design Thursday #16
A weekly recap of everything you need to know about tools, events, guidelines and design in general.
Webflow Quick Stack
Webflow has a brand new element to make building a website faster, Quick Stack. It’s built on top of CSS grid and comes with pre-populated divs. This makes it easier to create a quick responsive layout which takes more manual work using the regular grid element.
Supernova Design System Mapping Tool
Supernova’s new Design System mapping tool let’s you take a short survey and will show you the scope of your design system. It shows what you main objective is, what deliverables you have, how well theming is support, how you do governance, how it’s structures and what your focus is.
Adobe Firefly for Video
Adobe introduced Firefly a few months ago as their tool to great AI images, since then Photoshop got an AI fill tool. Now they are releasing Firefly for video, which you can to create background music, sound effects, adapt colors, generate captions, make animated 3D objects, add B-roll footage or create a storyboard.
Bravotizer
Bravo Studio released a new Figma plugin to easily Bravotize (adding the right structure and tags) your designs. You can start from presets which you can adapt to your visual style and content, add tags to custom design, get help via the AI assistant and import Figma files in Bravo Studio.
visionOS
Apple announced visionOS, the operating system that will run on the Apple Vision Pro headset, during this year’s WWDC. But except for the developer videos, there was no documentation or resources available during the conference. Until now, engineers can start building for visionOS and Apple added the official visionOS Kit on Figma Community and made the new Human Interface Guidelines available.
Read the Human Interface Guidelines
Config
Fresh off the first day of Config, Figma announced and released a lot of new features including: responsive Auto Layout, variables, variable support in prototypes and an all new dev mode.
You can rewatch the opening Keynote or watch individual tutorials and walkthroughs below.
Intro to variables
Prototyping with variables
Intro to Dev Mode
Relay Dev Mode plugin
Material Design’s Relay plugin now work in Dev Mode, which can be used to inspect parameters, nested packages and code snippets of selected components.
