Tweets
@hyumankind: What are some of your current favorite plugins?
Lots of great recommendations in the replies.
What are some of your current favorite @figmadesign plugins, and what do you use them for? 👆👾
— hyam (@hyumankind) June 23, 2020
@fionaosaurusrex: Who’s using Figma for specs, documentation, etc?
There are some great examples in replies. Make sure not to miss charts shared by Rasmus Andersson.
Who's using @figmadesign for specs, documentation, etc — not just design? Would love to see examples.
— Fiona 🍕 (@fionaosaurusrex) June 11, 2020
@rogie: Set opacity by pressing the number keys
Useful keyboard shortcut to keep in mind!
🔥⌨️
— ˗ˏˋrogieˎˊ (@rogie) June 25, 2020
Y'all, I got another rad Figma tip for you:
You can instantly set opacity in the editor by selecting an object and pressing the number keys? #figmatips pic.twitter.com/XizzTNCJAc
@joeyabanks: Go to figma.com/new to quickly create a new file
A small timesaver if you’re designing in the browser.
If you use @figmadesign in the browser, did you know you can go to https://t.co/MZ5eqKvuqm to really quickly and easily create a new file? ✨ pic.twitter.com/J0D2DRiWwa
— Joey Banks (@joeyabanks) June 24, 2020
@Gavmn: Getting started on my Big Sur dock
Beautiful adaptations of popular apps icons for Big Sur.
Getting started on my Big Sur dock pic.twitter.com/DJ3aZMJ73h
— Gavin Nelson (@Gavmn) June 24, 2020
@rogie: Contacts icon and Find My icon
In case you missed some textures lately.
Had about 20 mins today to throw down on designing the new iOS Big Sur contacts icon in @figmadesign. It ain't perfect, but it was sure fun! https://t.co/usKzXiFlgZ pic.twitter.com/gjllCNw1W1
— ˗ˏˋrogieˎˊ (@rogie) June 24, 2020
@skirano: Recreated the new FaceTime icon
See also his Figma file.
I recreated the new FaceTime icon in @figmadesign. Original to the left, recreation to the right. The trick when creating these type of icons is an efficient use of your linear gradient, that's it :) #apple #BigSur pic.twitter.com/xfBFFhgBfi
— Pietro Schirano (@skirano) June 23, 2020
@flyosity: Can Big Sur icons be designed without Photoshop?
Mike Rundle brought a good point, but I liked the most how soon it became a friendly challenge, and lots of talented designers proved that it’s possible. See some examples of recreations below.
Sketch and Figma rode the flat design wave to industry dominance with a narrower feature surface area compared to Photoshop because most folks just needed roundrects and sharp text.
— Mike Rundle (@flyosity) June 23, 2020
But with Big Sur, I’m not confident icons like these could be designed **without** Photoshop. pic.twitter.com/9yuHwEf2Hr
Meng To: How to create separators with Auto Layout
When you don’t use an Auto Layout, a Drop Shadow with blur set to zero may be a nice alternative.
How to create separators with Auto Layout in @figmadesign pic.twitter.com/H48N1KbZO3
— Meng To (@MengTo) May 29, 2020
Meng To: Use fill opacity to quickly change the theme of the UI
Good advice on when to use a fill opacity vs. layer opacity.
Instead of using layer opacity, use fill opacity and selection colors to quickly change the theme of your UI in @figmadesign pic.twitter.com/r18uwImtdo
— Meng To (@MengTo) May 26, 2020
Followers
Now you can follow people on Figma Community. In the Community section, you can switch the view from Popular to Following to see updates only from people you follow.
wow @figmadesign now has follow button.
— Sonny Lazuardi (@sonnylazuardi) May 28, 2020
just followed @rsms @afnizarnur @yuanqinglim https://t.co/nTX9MdQTps pic.twitter.com/Oh6LG1W9vi
2 years later: inVision Studio makes Figma and Sketch look like Photoshop
This is just a brilliant follow-up! Pay attention to tweets’ dates.
Hope you’re doing well and staying safe! Curious if you ever switched over to @figmadesign ? If not, let us know how we can help get you on board!
— Dylan Field (@zoink) May 17, 2020
Buzz Usborne: How we organize Help Scout design system
“Basically everything is centered around parity with React and proving designers/UI engineers with enough flexibility to use, extend and remix without detaching.”
Thought I'd share some details of how we organize our @helpscout Design System in @figmadesign. Basically everything is centered around parity with React and proving designers/UI engineers with enough flexibility to use, extend and remix without detaching. It's working well, AMA pic.twitter.com/POY1Jxqr6N
— Buzz Usborne (@buzzusborne) May 21, 2020
Wondering how many frames or instances you’ve created?
That’s a really smart workaround to gather stats!
Wondering how many frames you've created? How many times some instance is used in a file? Count your collection of cat pics? 🤔
— Gleb Sabirzyanov (@gleb_sexy) May 15, 2020
Press Cmd + R (Ctrl + R) for Batch Rename and you will see the number of selected layers in the top left corner! 💯 #FigmaTip @figmadesign pic.twitter.com/piZ5GjC27c
Open Figma file URL from clipboard
I’ll piggy-back on this advice and suggest always opening Figma links in the app by setting the preference.
Figma tip of the day. If you work in the desktop app but someone sends you a URL and you're not logged in. Just copy the URL, open @figmadesign and select File > Open File URL From Clipboard. pic.twitter.com/AELuoyqygi
— Gavin McFarland (@gavinmcfarland) May 12, 2020
Copy-pasting SVGs in Figma is a breeze
One of my favorite time-savers!
Today's 🔥 #FigmaTip:
— ˗ˏˋrogieˎˊ (@rogie) May 11, 2020
Copy-pasting SVGs in @figmadesign is a breeze. Here's how: pic.twitter.com/Ck9VYLkKVR
Thoughts on Figma UI and UX
Alex from Doist shared his feelings about trying Figma, and Rafa from Netlify pointed to some specific problems in its interface. My favorite part — Koen Bok from Framer showed up in replies to remind how much Sketch team raised the bar for the design tools.
Also very inconsistent behavior throughout, I know it's small things, but they add up, and dilute what could be a delightful user experience IMO 💜 pic.twitter.com/Z105IC4jKd
— Rafa (@rafahari) May 20, 2020
A time-lapse visualization of the main internal Figma code repository
Impressive demo by Thomas Wright.
For #FigmaMakerWeek I put together a time-lapse visualization of the main internal @figmadesign code repository as a largely artistic endeavor, and it turned out pretty well!https://t.co/1Jee9720d1 pic.twitter.com/0iA9lEwqVQ
— Thomas Wright (@twright0) May 18, 2020
Monument Valley level recreation with components and Auto-Layout
The link to a community project is in the replies.
Impressive how powerful a design tool can be🚀
— Alex Einarsson (@alexeinars) May 17, 2020
Even though Figma is not designed for this, I was able to recreate one level from Monument Valley✨
Components and Auto Layout helped A LOT!
My little contribution to Maker Week @figmadesign🤗 pic.twitter.com/URgJuTxig1
I drew pictures of our office! Here’s a digital tour
And another set of beautiful artworks! What a talented team they have.
for @figmadesign’s maker week, I drew pictures of our office! here’s a digital tour 💛 pic.twitter.com/XAHO0KSCqy
— Emily Lin (@eymlin) May 15, 2020