AI snafu. UI3. Raycast setup.
Sponsor
Sync Figma to Webflow
With the Figma to Webflow App, you can now do more than just import your Figma components and variables — you can also sync changes from Figma into Webflow. That means you can now send your styling, layouts, colors, text, and images to Webflow and transfer them seamlessly.
What’s New
Ridd from Dive Club shows his Raycast setup
Ridd shows his advanced Raycast setup. One thing I adopted immediately is the Figma File Search extension he recommended — what a wonderful time-saver! The Color Picker and Ruler extensions might replace some of the third-party tools I’ve been relying on as well.
Reflections from Config
David Hoang on three topics he is thinking a lot about after this year’s Config.
Make Designs
Figma AI designs a “not boring weather app”
Last Monday, Andy Allen from Not Boring Software asked Figma AI to design a “not boring weather app.” The generated result was almost a copy of Apple’s Weather app on iOS, even when using a different prompt. CTO of Figma Kris Rasmussen commented that they’re investigating and clarified that “there was no training as part of this feature or any of our generative features,” so the similarities are a function of the 3rd-party models and commissioned design systems.
Make Designs is disabled
The next day, Dylan Field posted a thread stating that “the accusations around data training in this tweet are false” and reiterating that Make Designs “uses off-the-shelf LLMs, combined with design systems we commissioned to be used by these models.”
The Make Designs feature was disabled until the team completes a full QA pass on the underlying design system.
Figma pulls AI tool after criticism that it ripped off Apple’s design
Jay Peters from The Verge spoke to Kris Rasmussen about the issue. “We’re doing a pass over the bespoke design system to ensure that it has sufficient variation and meets our quality standards. That’s the root cause of the issue. But we’re going to take additional precautions before we re-enable [Make Designs] to make sure that the entire feature meets our quality standards and is consistent with our values.”
Content training and Adobe
I did not expect to see Adobe as an example of best practices: “Adobe has seen massive outcry from its customers, when their old T&Cs suggested Adobe *could* train on customer work. This is why I’m baffled Figma enrolls paying customers (if they are non-enterprise) to GenAI training, by default.”
The future of AI in Figma
A very timely episode of Dive, where Ridd interviews Jordan Singer live at Config about his journey from the Diagram acquisition to Figma’s 2024 AI release. In the middle, they discuss how Figma’s generative features work and why they needed to create a UI kit. (A funny inception moment — at 45:22, I’m coming into view to take this picture.)
UI3
MDS on the new UI
Matt recorded his first reaction walkthrough of the new UI3 and Make Designs AI features. Regarding UI3, I’d also love an option to hide a floating toolbar and “Ready for dev” actions. (There are no developers in my personal workspace, and even at work we have Figma projects with only marketing assets that would never require development.)
The new desktop app
Robert Bye highlights some details of the new desktop app shipped with UI3. I love the new calm tab icons!
Property labels
Miggi reminds us that property labels in Figma UI can now be turned on or off.
Pixel values
A few ways to see the pixel values on Auto Layout frames by KC Oh.
Local ruler
Multiple people noted that rulers are too detached from the content in UI3. “Scoping” rulers to frames makes common use cases easier, but I’d miss the ability to use them directly on the canvas.
Made in Figma
Flides
Vijay Verma shows how “Figma Slides” illustrations were made.
Braun T523 Radio
The beautifully made radio control panel by Yang You, inspired by the Art of Noise exhibit at the SFMOMA. (I also visited it after the second day of Config, and seeing these cult objects by Dieter Rams and teenage engineering in person was a remarkable experience.)
Plugins
Grammarly
The official Grammarly plugin: “Create impactful, mistake-free content faster with your trusted AI writing partner available directly in Figma. Grammarly helps teams meet their goals while staying on-brand and in compliance.”
Backstage
The original pitch deck for the Diagram
Jordan Singer shared the original pitch deck and a video recording for Diagram (acquired by Figma last year).