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
A short overview of the most important parts of Figma for developers.
Most times we're too busy looking at Figma as a designer. Ever wondered how Figma works with View-only access?
— manocado ๐ฅ (@onowomano) June 18, 2022
This thread is mostly for Devs, or anybody else that uses Figma without Edit access ๐
๐งต pic.twitter.com/Na8kDCUfd6
Generative Art by Pawel Kontek is one of the coolest plugins Iโve seen in a while. Itโs currently in beta and I canโt wait to play with it after it comes out!
"Ultrasound Hummingbird" in @figma. Playing around with manipulated #generativeart on the output of my next Figma plugin. Sign up here for the upcoming beta: https://t.co/HfaNrEN6lg @FigmaPlugins @FigmaHunt @fof_artists pic.twitter.com/7VJ9za4yiL
— Pawel Kontek (@PawelKontek) June 12, 2022
Cool update to a LottieFiles plugin: โโInstantly change the colors of your animation. Apply your own custom colors, or try out our carefully curated preset color palettes.โ
Thatโs a pretty badass collection of shortcuts โ I didnโt know most of them!
Supafast!
๐ Animating carousels in @figma, supafast! pic.twitter.com/1PYgLmsJ6g
— Zander Whitehurst (@zander_supafast) June 13, 2022
This deep dive into the making of the feature is my favorite kind of a blog post on Figmaโs blog: โโBuilding spring animations took our engineering team back to the classroom โ to make animations that are both natural and accurate, we borrowed principles from physics. Weโre excited to share the mechanics behind the movement, and the story of how spring animations bounced their way into Figma.โ
Neat shortcut: โ-click on the Auto Layout padding field to adjust all paddings.
Neat @figma easter egg: โ + click in an auto-layout padding field to adjust all paddings. pic.twitter.com/UCt34URAqi
— Mordechai Hammer (@_mordechai) June 7, 2022