Ana is building off of her tip on creating nested icons that preserve color overrides, and now makes them duotone.
Chad with a quick tip for resizing objects in Figma using your keyboard instead of the design panel.
If programming shaders is a bit too much for you, check out this video on how to create an animated mesh gradient in Figma with a combination of a few plugins and built-in tools.
Dan Hollick with a fantastic deep dive on shaders. While this specialized area of graphics programming may seem too niche, shaders have been gaining popularity in UI design for animating gradients and creating cool special effects. In Figma, you can play with shaders inside Rogie’s popular Noise & Texture plugin.
You can read the unrolled version of this thread here: https://t.co/nSJsBnSzDM
— Dan Hollick 🇿🇦 (@DanHollick) December 15, 2022
Joey Banks is back with a bit of advice on his new approach to using Auto Layout for building responsive components. “With my approach today, I first like to drag out an unfinished component instance and stretch it in bizarre and unexpected ways to see what happens. If I can make this component work as expected in the strangest sizes, I’ll feel confident that it’ll work for nearly all situations.”
Rogie’s plugin for generating tiling noise and textures for fills and strokes is finally out of beta and publicly available. It’s essential for any illustration or art work. Check out a video walkthrough and upvote it on ProductHunt.
“Prototyping in Figma just got an update. In this livestream, Designer Advocate Ana Boyer and Product Designer Nikolas Klein will walk you through adding videos to prototypes, how to build and edit multi-flow prototypes, faster, and demonstrate how to bring others along. Community members Mirko Santangelo and Jannis Smesny will also join to demo how they use the new features.”
In a short thread, Nitish Khagwal explains how instance overrides work in Figma.
Must know – @figma Design System Overrides
— Nitish Khagwal ✨ (@nitishkmrk) December 5, 2022
thread 🧵 ... pic.twitter.com/pQK87fGZyE
An interview with Jordan Singer from Diagram, who built Magician and participated in the text review API beta, exploring what this API enables and sharing tips on navigating the “untapped intersection of product design and AI.”
I shared Magician before, but in Jordan’s own words it’s “a design tool for Figma made by Diagram that introduces AI into designer workflows to expand your creativity and imagination as you design. It’s a magical utility that works alongside you to help ideate and inspire you with new ideas, whether it’s generating never-before-seen icons, imagery to use in your designs, or help with writer’s block.”
“Customers can collaborate confidently with agencies and companies, knowing that the right company can own the work. Customers on Professional, Organization, and Enterprise plans can now transfer teams and projects from one company to another in a few clicks, and customers on Organization and Enterprise plans can receive transfers.”
Review and fix spelling errors without relying on plugins! Works with any language supported on your operating system. Developer Advocate Jake Albaugh shared that they’re also moving the text review API out of beta — now plugins can highlight text and make suggestions (more on this below). See also early ideas for this launch that helped shape the concept but didn’t make it to the final campaign from Brand Designer Remilla Ty. For tips on using a spell checker, check out a short thread by Molly Hellmuth.
“You can create connections from multiple objects to the same destination frame at once — saving you time and effort when building out your prototype flows. To do so, select multiple starting hotspots on your canvas, then click and drag the + icon to the destination.” See Nikolas Klein showing the feature in action, or watch “Office hours: Prototyping like a Pro” below for a deep dive.
A short video showing how to create a hamburger menu transition in Figma.
Ana and Miggie are back streaming their experiments with Figma prototypes. This time they cover drag interactions and video among other things.
A new product by Jordan Singer and Diagram, who you might remember from Automator and Prototyper. Magician is a Figma plugin that lets you design with the power of AI to do everything from copywriting to generating unique icons from the text. Currently in beta with three available “magic spells” for creating icons, writing copy, and generating images.
Early beta of a new plugin for exporting Figma animations into a GIF.
Export Smart Animations to GIF in Figma 🔥
— Michael Yagudaev 🧑🏻💻🇨🇦 (@yagudaev) November 9, 2022
Love to hear your feedback 💜 👇 pic.twitter.com/iKr79EamiD
Vijay is experimenting with inner shadows in Figma. Despite a limit of only 8 shadows, it’s usually enough to create a 3D effect on any shape.
Experimenting with inner shadows in @figma.
— vijay verma (@realvjy) November 14, 2022
I found that if you use drop shadow or inner shadow on any layer, the limit is 8. In spite of this, it is enough to make any shape like 3D. One secret shared below ☺️. pic.twitter.com/da9sz9fLv0
A Twitch stream of Ana Boyer and Miggi Cardona diving deep into Figma prototyping.
Ridd explains why it’s better to think of each container component as having a single slot instead of a bunch of individual slots.
Seeing a lot of people making the same mistake with slot components...
— Ridd 🏛 (@Ridderingand) November 15, 2022
Here's what to avoid 👇 pic.twitter.com/vu0KxP7vMa
“Component properties launched at Config earlier this year, but was over a year in the making. Essentially React properties for Figma components, “props” removes the guesswork out of your design system and better aligns design components with code. Join the tech leads of the project for a behind the scenes look into how the feature came together, the power it unlocks for your design system, and a look into some of the exciting updates we’ve made post launch.”