Jan Mraz with a short video showing a few Auto Layout tips. I keep forgetting that the canvas stacking option exists! No more weird hacks with rotating a container 180°.
Scott Belsky, Chief Product Officer of Adobe, on a new superpower feature launched today in beta: “Powered by Firefly, our generative AI family of models, Photoshop now lets you summon new objects and augment creations layer by layer.” This is incredible, and I’m very bullish on Adobe’s vision for integrating generative AI into creator tools.
Jan Toman gathered the best practices for creating solid button components.
A solid list of new recommendations from the ADPList.
Great tip on using Figma object alignment shortcuts with MX Master mouse. I tried this mouse a few years ago and went back to Magic Mouse because of its amazing scrolling, but might give it another try just because of shortcuts!
Oğuz Yağız Kara shows how setting the color of the transparent gradient stop helps make it softer.
Socrates Charisis shared a plausible-sounding list of his Config predictions.
Designer Advocate Mal shows how to use the new memory control features: “To keep you informed of your memory usage, and any potential issues that may arise, we’ve adjusted our memory banners and alerts to live in the sidebar along with your pages and layers. We’ve also introduced a Memory use tool to surface memory consumed in your files by Page Content and Imported Components as well as the ability to show memory usage in the layers panel for all layers.”
Mal with a quick demo of Shaper, Magic Marker, and A Selector plugins.
Here is a a quick vid on 3 of my current favorite plugins to use in FigJam! pic.twitter.com/q6Dodqp2Nf
— Mal (see u at config) (@mdeandesign) May 16, 2023
Molly Hellmuth shares her favorite tips from the “Figma like the Pro’s” series — editing Auto Layout directly on the frame, using Constraints with Grids, deleting and healing vectors, using Auto Layout as an organizing tool, and copying links to specific pages, frames, or sections.
"Figma like the Pro's" is a TREASURE TROVE of tips!!!
— Molly Hellmuth (@molly_hellmuth) May 19, 2023
I just binged all of them and here are a 5 of my favorites.. 🤩 pic.twitter.com/KpaPRp9Yqm
Now dropping your FigJam files into Notion pages works even better.
Does your team like to jam?
— Notion (@NotionHQ) May 16, 2023
Our @Figma integration now supports FigJam previews 🍇🍓🫐 pic.twitter.com/ikP2Qw6VjY
“When you have multiple vertices selected in vector edit mode, you can now type Mixed + [value] into the X or Y input box to add the same value to each vertex.”
And a niche usability treat: we’ve added support for mixed math while in vector edit mode. Select multiple vertices or bezier handles and modify them all at once with MATH. pic.twitter.com/aSmSnyWhjT
— merp 👾 (@mollymerp) May 18, 2023
A big update to FigJam — custom templates for your team, stamp your teammates’ faces to files and tag them with @mentions, emoji picker opens by typing a colon (“:”), custom color palettes (coming soon), UserTesting and Great Question integrations, Productboard widget, and new tunes! Also, explore new world-class teams’ templates and see a thread by Cai on the Figma design team’s rituals and templates they use in daily work.
Today we added 10+ new features and integrations to help you work your way in FigJam, including...
— Figma (@figma) May 9, 2023
1. Custom templates
2/3. Team face stamps and @ mentions
4. Custom colors (coming soon)
5. Emoji picker
…and more!https://t.co/osvMlinXQk pic.twitter.com/cmqcqBLTHB
Fascinating comments from Sho Kuwamoto, Figma’s VP of Product, on how plugins are implemented. Each plugin runs in a security sandbox — “We actually took a JavaScript VM, compiled it down to WebAssembly, and then we run that VM inside of the browser. So it’s a completely separate engine than the native JS engine. For security reasons, we don't want two scripts running inside that VM, because then the two scripts could potentially have access to each other. And we don't want to run two instances of this VM, for memory reasons.” 🤯
The reason we don't let you run two plugins at a time is performance + security.
— Sho Kuwamoto (@skuwamoto) May 3, 2023
Each plugin runs in a security sandbox that works in a kind of crazy way.
Great examples of automating grunt work with the Automator plugin.
Follow up to last week's tweet about @Figma / @diagram automations. Here are 6 I use regularly:
— Greg Huntoon (@GregHuntoon) May 3, 2023
1. Set component property
2. Replace selected text
3. Reverse layer order
4. & 5. Add/remove auto layout to selected frames
6. Count selected objects
Alright, let's break them down... https://t.co/hVWMMNpxdG pic.twitter.com/wWI3eKlol2
Molly with 3 good tips. I have to admit that Slice is the dustiest tool in my toolbar.
3 Figma shortcuts I can't believe I'm only learning about now 🤯
— Molly Hellmuth (@molly_hellmuth) May 5, 2023
1. Snap padding & spacing to multiples of 8
2. Find and zoom to any layer with a click
3. Slice tool.. it's actaully useful!
How to use each.. pic.twitter.com/OhtYhfMRAL
Great list of Figma tips from the ADPList.
Secret Figma hacks that great designers are using to boost productivity.
— ADPList (@ADPList) May 1, 2023
Here are 10 Figma hacks that designers need to know 🧵: pic.twitter.com/KP0leylntf
A simple but fun technique for creating cool animations with mirrored components.
Random silly Monday fun in @figma with mirrored components pic.twitter.com/jfFRgvzCFN
— Double Glitch 🇺🇦 (@double__glitch) May 1, 2023
Cool technique from Nitish Khagwal for creating animated liquid mesh gradients.
How I create liquid mesh gradients in @figma without any plugins, a thread 🧵... pic.twitter.com/5Vhm02h0FP
— Nitish Khagwal ✨ (@nitishkmrk) May 3, 2023
Fons Mans is back with a new tutorial on how to create a glowing glass effect in Figma.
Tutorial Thread ✨
— Fons Mans (@FonsMans) April 28, 2023
Learn how to create a glowing glass effect with @figma, in just a few easy steps — no plugins needed!
Ready? Let’s dive in 👇#sponsored pic.twitter.com/6NNqVmrYfa