Tweets
@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
Been missing the beautiful Figma office so much that I’ve painted it
Beautiful paintings by a software engineer at Figma.
Been missing the beautiful @figmadesign office so much that I’ve been painting it instead 😭 pic.twitter.com/Db10eao5c4
— dipa (@dipalua_) May 15, 2020
@DannPetty: Vector brush strokes in Figma
No idea how that will work, but seems really interesting.
It’s working! I did a quick test and I now have a ton of brush strokes in Figma that are fully vector, scaleable to any size, and customizable to any color. Would you want something like this?
— DANN ツ (@DannPetty) May 1, 2020
📸 https://t.co/GgYnIRKGnF via https://t.co/1DtZ864REv pic.twitter.com/JsxjImdOkN
@NotChristos: Library Analytics
An interesting thread on how Analytics can help make informed decisions when changing the design system. Too bad it’s available only on the Organization plan.
So, @figmadesign's Library Analytics. I haven't seen much talk about these for a while.
— Christos (@NotChristos) May 7, 2020
What's available can give us signals, but what and how can we drive change based on these numbers?
Let's look at some small examples that have helped me make more confident decisions.
@Rogie: What are your best Figma tricks?
Great collection of tips and tricks from the community.
What are your best @figmadesign tricks? I’m organizing a file with all of the coolest things I know for the community, but knowing y’all, you got the 🔥 ones and I want em!
— ˗ˏˋrogieˎˊ (@rogie) April 28, 2020