Edward Chechique wrote a detailed and well-illustrated guide to component properties.
A widget to seamlessly document changes in your Figma files and libraries.
The best looking widget out there.
One of my favorite widgets is now available for Figma. See the video demo.
Ballpark is a new app from folks at Marvel providing a fast way to capture high-quality feedback on questions, marketing copy, designs, and Figma prototypes using tasks and video.
Free Google Font pairing and color palette suggestions.
This is the craziest thing Iโve seen built in Figma (here is a quick preview, but go try it): โโWith friends & coworkers visit a petting zoo, play hide and seek, race go karts, and more! Interactive Figmaland is a multiplayer interactive world built with FigJam widgets. Objects will animate when a character gets close to them.โ
Cool tip on adjusting mixed values like object size or Auto Layout padding.
I never knew you could adjust mixed values in Figma like this pic.twitter.com/8bmMRJb0iT
— Joey ๐ (@mrhammn) June 30, 2022
Useful shortcuts to toggle between Design, Prototype, and Inspect panels.
โจ๏ธ Figma Tip: use Shift-E to quickly toggle between the Design and Prototype tabs, or โฅ8 for Design, โฅ9 for Prototype, and โฅ0 for Inspect.
— Figmalion (@figmanewsletter) June 23, 2022
Figma is improving support of international keyboards, currently in beta.
๐ฌ๐ง๐ธ๐ช๐ซ๐ฎ๐ฉ๐ฐ๐ณ๐ด๐ฎ๐น๐ช๐ธ๐
— KC Oh (@okaysee) June 30, 2022
We've added 8 more layouts (UK, SE, FI, DK, NO, IT, ES, LATAM) so more folks can work faster in @Figma.
It's been fun to dig into โจ๏ธ quirks with @mwichary @dorothchen @SulaYang1 + Rachel Miller!
Sign up here if you'd like to beta test: https://t.co/Jw7otaHDN4 pic.twitter.com/XKDrYIareE
Widgets are now available in Figma! Their addition was quite predictable, considering how useful and popular they are in FigJam. Widgets for GitHub, Asana, and Jira were part of the launch. Also, both plugins and widgets are now accessible from the toolbar and easier to try before installing in the Community.
Another cool artifact from William Wuโs work on spring animations.
I threw this together while working on @figma's new Spring Animations feature with @rickrajj and @nikolasklein. It's a quick HTML/CSS/JS prototype to help us explore the different kinds of animations that were possible.
— William Wu (@willyvvu) June 21, 2022
Each tile has a different animation which plays on hover. pic.twitter.com/lFByB9He8L
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
Stark โ a popular accessibility plugin โ released an all-new version with better organization and a simplified UI.
Aninix is a powerful UI animation plugin for Figma: โโEasily create motion design systems, export animations for promos, and provide animation inspector for developers.โ
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.
Figma dropped a new tutorial: โโWith component properties, you can define which parts of a component can change. And instead of creating separate variants, you can use component properties to reduce the number of components needed. This takes the guesswork out of designing for anyone using these components and they can quickly make adjustments as Figma keeps component property controls in one place.โ
Miggi shows how to use images as masks.
Super useful tip: double-click on the icon of an object in the Layers panel to jump to it. (Double-clicking on a name will trigger renaming.)
No fucking way. Iโve just learned that if you double click the Frame/Autolayout/text (whatever it is) icon in the layers panel, Figma will jump to it. ๐คฏ pic.twitter.com/HmgWoHHCYQ
— James ๐ค๐ป (@jamesm) June 20, 2022
Middle-clicking or โ-clicking on the hyperlink goes directly to the target.
Did you know you can now middle-click on a @figma hyperlink to directly jump to target?
— Mr. Biscuit (@SShuaiqi) June 18, 2022
Also If you don't like clicking on the middle mouse button you can also โclick on the hyperlink pic.twitter.com/k0TdZWUesO