Tweets
Anyone else using spacers in Figma’s Auto Layout?
We’ve got something brewing that I think you’ll like ;–)
— Rasmus Andersson (@rsms) August 20, 2020
Confessions that will get your Figma design card revoked
Ok. Let's do this @figmadesign... pic.twitter.com/mCwbISqSxw
— ˗ˏˋrogieˎˊ (@rogie) August 6, 2020
Lyft’s internal plugin for switching between light and dark mode
we released an internal @figmadesign plugin today at @lyftdesignteam that allows designers to seamlessly switch between light and dark mode directly within Figma. and yes, it does support elevation overlays. pic.twitter.com/z7TLp0xpXX
— Alex Lockwood (@alexjlockwood) July 29, 2020
Effect icons indicate the offset direction
My friend Nether @nether8904 told me that Figma effect styles' icon will indicate the offset direction. That's a really cool detail! @figmadesign pic.twitter.com/VKrTvxD3iA
— Hal (@leadream4) August 1, 2020
Option/Alt + L to collapse all groups and frames in the Layers panel
Figma shortcut of the day: Alt/Option + L will collapse all groups & frames in the layers panel! ✨
— Gleb Sabirzyanov (@gleb_sexy) July 29, 2020
When there are so many objects that you start losing your head while navigating the layers — Alt + L (win) or Option + L (mac) is your savior! @figmadesign #FigmaTip pic.twitter.com/8KGeka1E9r
Cmd/Ctrl + right-click the object to show child/parent objects
Tired of clicking into nested layers in @figmadesign & don't know how many layers deep you have to go to get to the thing?
— ˗ˏˋrogieˎˊ (@rogie) July 27, 2020
Cmd/Ctrl + Right Click the object and out whips this friendly little menu that shows child/parent objects. Ditch that layer panel like a boss.#figmatips pic.twitter.com/fU0T26leL7
Using Elgato StreamDeck with Figma
A few weeks ago I ordered an @elgatogaming #StreamDeck to help me be more productive as an agency co-founder and designer. My findings so far:
— Leon Ephraïm (@leonephraim) July 29, 2020
TL;DR it's helped me both speed up my design workflow in @figmadesign as well as made KM macro's more top-of-mind pic.twitter.com/rSxQgGRU3S
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