Tweets
Moving the selection
Miggi with a mind-blowing trick for selecting items inside of the tight spots.
Haven't posted a #FigmaTip in a while, so here goes.
— miggi from figgi (@miggi) July 28, 2022
In @figma, draw a selection then hold the space bar to move the selection over the objects you want to select. Great for getting items inside of those tight spots. ๐ pic.twitter.com/zEcCb90Jyk
Designing curved carousels
Zander Whitehurst shows how to create a cool interactive carousel in Figma. See also his quick video โโWireframe to Landing pageโ where he uses that carousel in a landing page design.
๐ Designing curved carousels in @figma, supafast! pic.twitter.com/lcYnvc8dCM
— Zander Whitehurst (@zander_supafast) July 27, 2022
Accessible text color
Never noticed this before, but itโs such a nice touch! ๐
Shoutout to @figma for determining the background color of a shape and automatically setting the text color as black or white depending on contrast ratios to ensure accessibility. pic.twitter.com/ST1vTpf1Dc
— Emma Bostian (@EmmaBostian) July 21, 2022
Capturing feedback
Post-it notes are great for gathering and organizing feedback. (I often use comments as to-doโs, but also copy a post-it note from FigJam to my Figma files for higher visibility and questions.)
I capture all feedback in my @figma design file using sticky notes. I review all the feedback and make a list of revisions to bring into the next design round. I keep meticulous track of everything, so there is visible history. pic.twitter.com/S3f7a8xlpu
— Jess ๐บ๐ฆ (@jesseddy) July 19, 2022
Stamp name tags
Nice improvement! Too bad I canโt stamp +1 on my ideas ten times anymoreโฆ BTW, there is a cool easter egg on really old stamps.
we launched stamp name tags in @figma's FigJam today ๐คธโโ๏ธ (psst... no more +1'ing your own ideas!!!!!)
— mihika kapoor ๐ง (@mihikapoor) July 14, 2022
so delightful to see this lil big detail out in the world ๐ pic.twitter.com/sOvviJK1Zx
โSketch shined a light on UX designโ
Iโm not a big fan of Sketchโs โโSketch vs Figmaโ page, but I had a big laugh over this. Highly resourceful.
Figma vs Sketch vs ๐ฅ Sketch vs Figma pic.twitter.com/pmIY68uOqT
— Valentin Chrรฉtien ๐บ๐ฆ (@valentinchrt) July 5, 2022
Five best practices for component props
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
Adjust mixed values
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
Toggle between panels
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
International keyboard layouts
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
Making widgets
Bersabel Tadesse, Product Manager at Figma, writes about building and releasing last weekโs updates โ Figma widgets, a new toolbar menu, Community improvements, and redesigned API docs.
Over the past few months, I've been working with some amazing people @figma on all of the updates we launched today, and Iโm so happy to finally share them with you all! ๐ https://t.co/Vwbm62ULNz
— bersabel (@brsabel) June 29, 2022
Spring board
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
Spring animation based on a feeling
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
Jumping to the object
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 on a hyperlink
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
Figma for Devs
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 Plugin Beta
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
Savage Dog
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
Animating carousels
Supafast!
๐ Animating carousels in @figma, supafast! pic.twitter.com/1PYgLmsJ6g
— Zander Whitehurst (@zander_supafast) June 13, 2022
Designing in P3
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