Molly Hellmuth points to five places where her students often get stuck when building component sets in Figma. Matching names of the layers across variants, ordering and grouping properties, rearranging a component set for the most common variant, and breaking down large component sets are all great tips for getting unstuck.
💡Figma tips: 5 places my students get stuck when building a component set in Figma..
— Molly Hellmuth (@molly_hellmuth) June 16, 2023
and how to get unstuck 👇 pic.twitter.com/mttKvfI9zH
Not sure when this was shipped, but this is a fast way to add emojis without opening a picker!
pleasant surprise ☺️ @figma pic.twitter.com/es2TbwfzOh
— gaana! ✨ (@gaanasrini) June 16, 2023
Mal shows hot updates to the new FigJam app for the iPad! It got the new native toolbar with a fresh look and feel. The app was optimized for Apple Pencil, and now it supports a responsive experience for multitasking.
FigJam for the iPad here with some hot updates 🔥 Grab your Apple pencil ✏️ and draw, diagram, and even mood board. You can get the app on the App Store: https://t.co/OLj5XHZ5Ex pic.twitter.com/XfKWuZdOti
— Mal (see u at config) (@mdeandesign) June 13, 2023
Zander with just-in-time tips on creating a spatial UI for Vision Pro, supafast!
3 Spatial UI Design tips in Figma, Supafast! ⚡️ pic.twitter.com/hknTLEPK3e
— Zander Whitehurst (@zander_supafast) June 8, 2023
Did you know that you can use math inside color values in Figma? Really cool.
Figma Tip: Use Math Inside Any Field 🧮
— Michael Yagudaev 🧑🏻💻🇨🇦 (@yagudaev) June 6, 2023
You can use +, -, *, /, ^, (, ) with a number.
Super helpful for animations. pic.twitter.com/yKgU5hIV4G
This tip (and the fact that this feature exists) made me irrationally happy. Thanks, Miggi!
bruv: pic.twitter.com/1CGmBYVMlp
— miggi from figgi (@miggi) June 8, 2023
Oğuz with a design tip on using Randomiser and Select Random Layers plugins to create a realistic image of the universe, like in his example. (The look resembles the cool new Reflect app landing he worked on recently.)
Design Tips #3:
— Oğuz (@oguzyagizkara) June 5, 2023
Creating Your Own Stellar Universe 🌟
🚀 Blast off into your own galaxy with these design tips! pic.twitter.com/vjtffSJCa6
Landa Dong, Design Evangelist at Apple, recommends three must-watch videos from WWDC23 on designing for Apple Vision Pro — “Principles of spatial design”, “Design for spatial interfaces”, and “Design for spatial input”.
So you wanna learn how to design for Apple Vision Pro? 👀
— Linda Dong 🍉 (@lindadong) June 6, 2023
We just dropped 3 must-watch #WWDC23 videos that go over it all
Principles of spatial designhttps://t.co/Z6IFqBRr0j
Design for spatial interfaceshttps://t.co/0JkklnGZlF
Design for spatial inputhttps://t.co/nmrVm73xcP pic.twitter.com/rLnz2fmsQE
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°.
Useful tips and tricks for Figma autolayout! 😍 pic.twitter.com/JtK1brNvLI
— Jan Mraz (@janm_uiux) June 2, 2023
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.
Generative Fill, a new superpower integrated throughout Photoshop, launching in beta today.
— scott belsky (@scottbelsky) May 23, 2023
Powered by Firefly, our generative AI family of models, Photoshop now let’s you summon new objects and augment creations layer by layer. Saves time, increases possibility, and pretty 🤯 pic.twitter.com/ARxhclFshO
Jan Toman gathered the best practices for creating solid button components.
I often get asked about the best practices for creating well-usable components in @figma. So let's try an experiment — publishing component blueprints built with component usability in mind.
— Jan Toman (@HonzaTmn) May 21, 2023
Here's the first one: Button! 👀 https://t.co/sVw16LtIbM
A solid list of new recommendations from the ADPList.
Powerful Figma Plugins for Designers
— ADPList (@ADPList) May 22, 2023
These 12 Figma plugins will help you create amazing designs and save time 🧵: pic.twitter.com/qDtvcslDRs
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!
Using MX Master with Figma?
— Erol (@erolmujak) May 19, 2023
Here's a pro tip to save time when aligning layers.#figmatip pic.twitter.com/l7rKQ8tpXq
Oğuz Yağız Kara shows how setting the color of the transparent gradient stop helps make it softer.
✨ Design • Tips #1
— Oğuz (@oguzyagizkara) May 24, 2023
Big news! Today, I'm sharing exclusive design tricks that you won't find anywhere else. These tips will take your work to the next level.
First up: learn how to create a softer gradient.
Get ready to elevate your design game 🪄 pic.twitter.com/ACOtXt0ycb
Socrates Charisis shared a plausible-sounding list of his Config predictions.
Ok, I'm gonna try and guess!
— ❖ socrates charisis (@sochar__) May 23, 2023
🔥 The top 5 features Figma may announce at #Config2023.
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.”
Figma updated the memory use tool and warning experience! 🧵 here for more details 😍
— Mal (@mdeandesign) May 24, 2023
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