Tweets
GPT-3 plugin to design for you
I shared some of Jordan’s experiments before, but this one goes much further.
This changes everything. 🤯
— jordan singer (@jsngr) July 18, 2020
With GPT-3, I built a Figma plugin to design for you.
I call it "Designer" pic.twitter.com/OzW1sKNLEC
Set the width or height of an exported file
I recently learned that in the Size field of the Export panel, a number followed by w or hcould be used to specify the width or height of the exported image.
TIL: you can set the width or height of an exported file in @figmadesign by entering a number followed by 'w' or 'h' in the Size field. pic.twitter.com/MfNcbhssIl
— Eugene Fedorenko 🇺🇦 (@efedorenko) July 20, 2020
Figma moves away from the “master component” terminology
Sho Kuwamoto provides some context for their decision.
This week, we partnered with our friends at @AdobeXD and @sketch to move away from the "master component" terminology.
— Sho Kuwamoto (@skuwamoto) July 22, 2020
Predictably, we were met with a few replies from haters who thought we were being too "PC".
1/n https://t.co/8PcNjkDiau
Templates
It seems like Figma is either rolling out or testing support for templates, but so far, it’s been available only to some people.
OMG @figmadesign has templates now?!?! It just keeps getting better and better omg ♥️♥️♥️ (source - @skd2492) pic.twitter.com/HnBbj6UHHQ
— Congrats! You have peaked in life because Chandra (@NCResq) July 3, 2020
@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