Tweets
Interactive Components & Auto Layout
Interactive Components (currently in beta) now work with Auto Layout, and that opens doors for some fun interactions.
Did somebody say...auto layout AND interactive components?
— luis. (@disco_lu) September 30, 2021
It's now live in Figma for everyone on the beta – can't wait to see what you all make 🪄
You can signup here if you're not yet enrolled: https://t.co/PYXoKapYVL pic.twitter.com/XkaHIoBlOr
Emerald
Beautiful portrait made by Ari.
Hey Figma @figmadesign, been a minute. Here's a piece titled "Emerald" pic.twitter.com/8wFNvXnR7K
— Ari Alasah (@Yours_Areeh) September 15, 2021
Monkey Mafia
Cool NFTs made in Figma.
1/1’s are released for @MiniMonkeyMafia
— chr15tine.eth 🥶 (@chr15tine_gu) September 16, 2021
- made with @figmadesign pic.twitter.com/hsmL9FuPs8
Magic Shape? Smart Marker?
Alex shares a preview of a really smart FigJam plugin he is working on – draw any shape with a marker, and it will be recognized and turned into a real object. Looks fantastic and almost feels like it should be a part of the app!
After a bit of sketching in FigJam I thought: "Why not make marker a little bit smarter?" 👀
— Alex Einarsson (@alexeinars) September 16, 2021
So here I am, teaching it to recognize shapes! 🟣♦️
How should I call it?
– Magic Shape ✨
– Smart Marker 🧠
... pic.twitter.com/JKAa2Di5wd
Reading facial expressions in real-time
Siddharth Ahuja joins Anthony and builds another experiment, this time reflecting facial expressions.
Making a @figmadesign plugin that can read facial expressions in real-time 👀 pic.twitter.com/97Dh8YdeFw
— siddharth ahuja (@sidahuj) September 13, 2021
Figma is a… design tool?
Anthony DiSpezio shares a fun experiment connecting pose detection and Figma plugin API.
*repeats to self*
— Anthony DiSpezio (@adispezio) September 10, 2021
Figma is a design tool
Figma is... a design tool
Figma is a... design tool? pic.twitter.com/RjKtUpWVeY
“Slot” components
Ridd shows how to use “slots”, placeholder components that are part of larger organisms or templates. They are intentionally empty so that they can be replaced with a local component.
"Slot" components are one of the best ways to save time as a product designer
— Ridd 🏛 (@Ridderingand) September 7, 2021
They can be tricky at first, but once you wrap your head around the right way to use them...
They become one of the most powerful tactics in @figmadesign👇 pic.twitter.com/wdIvmr196H
First day at the new Figma office
Figma moved to the new office in SF, and it looks stunning! Love all the photos coming from the Figmates — one, two, and three.
First day at the new @figmadesign office!! What a beautiful space filled with color, plants, and personality 😍 pic.twitter.com/PrKfdf93rp
— Madeleine Lee (@madleeme) August 24, 2021
Building a form component
Ridd shares a detailed guide to building a customizable and flexible form component.
I’ll never build a form in @figmadesign the same way again…
— Ridd 🏛 (@Ridderingand) August 26, 2021
⁰⁰It took me countless tries, but I think I’ve finally created a system that is flexible and doesn't result in variant overload 💪
Here's a 5 step walkthrough 👇 pic.twitter.com/Zl5C8odCmI
Exporting P3 color space PDFs from Figma?
Interesting discussion about exporting assets with a Display P3 color space from Figma. I wasn’t familiar with Export PNG with Color Profile plugin (see below) or an option of assigning an ICC profile to the exported PDF.
I’d try this:
— Rasmus Andersson (@rsms) September 3, 2021
1. Setup your macOS to use P3 (display)
2. Setup Figma (desktop app, main menu) to use “unmanaged” color (= display space)
3. Assign P3 ICC profile to output PDF
How plugins and widgets were built
Bersabel Tadesse, Product Manager at Figma, shares behind-the-scenes of adding plugins and widgets to FigJam.
I’m extremely proud of what we announced today @figmadesign—introducing plugins & widgets in FigJam, our second product, is a step-function change to our developer platform. Big ol’ thread on the journey of how we got here 🌀 https://t.co/dYfaw35vxO
— bersabel (@brsabel) August 25, 2021
Behind-the-scenes look at building a design system
Ready for a behind-the-scenes look at one of my favorite systems I've ever built in @figmadesign ?
— Ridd 🏛 (@Ridderingand) August 8, 2021
Of course you are (it'll be fun) 👇 pic.twitter.com/iiRmDdcc5q
Use an IconWrapper to nest icons in your components
Ready for a @figmadesign pro tip?
— Ridd 🏛 (@Ridderingand) August 15, 2021
Use an `IconWrapper` to nest icons in your components.
That way you can always resize your icons without having to detach components, hide layers, or add additional variants.
Here's how it works 👇 pic.twitter.com/rZDEoihWgs
Stuff I wish I knew in Figma when I started
I’m creating a resource for y’all on stuff I wish I knew in Figma when I started. Can you throw me your favorites?
— ˗ˏˋrogieˎˊ (@rogie) August 4, 2021
Reducing memory usage and file bloat in Figma
🧵Things to know about reducing memory usage and file bloat in Figma:
— Ana Boyer (@_AnaBoyer) August 20, 2021
Illustrating with components
illustrating with components is magic @figmadesign pic.twitter.com/qE9qRq9c2C
— Zack Davenport ✌ (@mrdavenport) August 14, 2021
Presenting responsive logos
I love how @figmadesign + Breakpoints make it REALLY easy to present responsive logos! 💪 Still trying to finalize my lockups 🙃 pic.twitter.com/Ae4acBS6YD
— Jelvin (@jlvnbs) August 10, 2021
Figma Society
Plugin parameters
But wait, there's more! Today we’re also releasing a faster way to build more powerful plugins.
— Figma (@figma) August 17, 2021
With plugin parameters you can use quick actions to accept user input, eliminating the need to create your own UI.
Check out some examples to start building: https://t.co/EvTh3X02r2 pic.twitter.com/ahVtd7BwH9
How I made over $33,000 on the Figma plugin
Matt Wierzbicki on how he created a Figmaster plugin without writing any code.
How I made over $33,000 on the @figmadesign plugin without writing a single line of code 👈
— Matt Wierzbicki (@matsugfx) July 22, 2021
Read in the thread below 🧵 pic.twitter.com/LttKV07WEP