Joey Banks is back with five advanced Figma tips — renaming layers in bulk, selecting all objects based on a specific property, Spacebar’s superpower, private components, and using descriptions to improve search.
A new plugin with 120+ high-quality free illustrations by Vijay Verma.
Ridd shares five awesome strategies for using component properties: strategic nesting, progressive disclosure, minimizing decisions, emojis, and streamlining the instance swap.
These two components might LOOK the same...
— Ridd 🏛 (@Ridderingand) July 6, 2022
But they couldn't be more different:
• ✅ One crushes component props
• ❌ One creates a nightmare
5 best practices for component props 👇 pic.twitter.com/x3ooMihZMp
Love this behind-the-scenes video of Nikolas Klein and William Wu from Figma experimenting with how fast they can set a spring animation based on a feeling.
One more @figma behind the scenes around building the editor for spring animations w/ @willyvvu and @rickrajj.
— Niko (@nikolasklein) June 22, 2022
Once we got a rough version working we tried out how fast you can set a spring animation based on a _feeling_ (aka me making weird noises).
Have fun! pic.twitter.com/YOa5N81NiF
”Loreum ipusm for logos. Insert dummy logos of companies into your Figma or FigJam file quickly. The plugin also includes 194 flags of countries as well as popular brand logos.” Don’t miss Vijay’s Twitter thread of a story and details behind this plugin.
Prototyper is a new plugin from the team behind Automator, offering powerful prototyping with JavaScript right in Figma, similar to the old days of Framer Classic. A really powerful combo for exploring ideas and building prototypes in higher fidelity.
Joey Banks introduced the new version of his iOS 16 UI Kit just a few days after WWDC 2022. Joey’s kits are fantastic resources for making iOS apps and learning about the organization of a large system. This year, he is also offering a paid version that includes exactly the same files, but by purchasing you’ll support the project and receive library updates and video walkthroughs.
Yet another fantastic artwork by Vijay Verma. Make sure to check out the community file and other tweets in this thread with his explanation of the process.
Rogie talks with designers from Applied Intuition about balancing the inherent complexity of the autonomous vehicles development process with simple UX solutions that span both 2D and 3D spaces
Miggi shows how to use images as masks.
Martin Bekerman is a great artist — make sure to see more of his works.
Here's an inside look at the guts of the new PFP as built in Figma. Simple shapes with blurs + gradients are really powerful. pic.twitter.com/IA4snshZQM
— 𝙎𝘼𝙑𝘼𝙂𝙀 𝘿𝙊𝙂𝙎 ™ (@mysavagedogs) June 14, 2022
Supafast!
🌁 Animating carousels in @figma, supafast! pic.twitter.com/1PYgLmsJ6g
— Zander Whitehurst (@zander_supafast) June 13, 2022
Rasmus, who used to work on this at Figma, shares his workflow for designing in P3 color space and exporting assets in sRGB. Sadly, it’s still a very tricky process.
I wish Figma implemented color space support (color management.) I design in P3 and my workflow for exporting images is: export, run imagemagick to assign the correct profile (my workspace profile). Finally, run imagemagick to convert the image’s colors to sRGB.
— Rasmus Andersson (@rsms) June 15, 2022
Cool widget recommendations by Zander Whitehurst: Voice Memo, Storymapper, and FigJenda.
🎁 3 wicked Figjam widgets in @figma pic.twitter.com/3VldjuzczV
— Zander Whitehurst (@zander_supafast) June 8, 2022
A high-quality free tutorial from Design+Code: “Design a Web app design inspired by Discord and Slack in the Figma design tool.”
Yuan Qing Lim announced a new version of his boilerplate for creating Figma plugins with support for dark mode, with all components using Figma‘s official color tokens.
Excited to announce that v2 of Create Figma Plugin now supports dark mode, with all components themed using @figma’s official color tokens!
— Yuan Qing Lim (@yuanqinglim) June 9, 2022
👉 See all the components in the Storybook: https://t.co/jSqLL3ix5E@FigmaPlugins pic.twitter.com/MjhVFxPtpV
Rasmus Andersson shows how to make a simple font in Figma.
Sunday funday: Make your own font in @Figma.
— Rasmus Andersson (@rsms) June 5, 2022
Copy this file to get started: https://t.co/e9SyhPZpqL pic.twitter.com/rM6ctpKB3h
Vijay Verma’s massive collection of 3D icons is now available as a free plugin.
“Tune in to hear Clara, Amanda, and Qi walk through how to get started and unlock more font styles. From optical sizing to slant, learn how variable fonts give you more design control and expression.”
Ridd: “Switchboards are main components that have been pulled out of a chunk of UI so as to function as a single place to control all of the prototyping connections”.
One of my favorite design tactics is creating "Switchboards" in Figma.
— Ridd 🏛 (@Ridderingand) June 5, 2022
It's a waaaayy more efficient way of prototyping.
Here's how they work 👇 pic.twitter.com/SmU89pknwS