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
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
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
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
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
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
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
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
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
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
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
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
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
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
🧵Things to know about reducing memory usage and file bloat in Figma:
— Ana Boyer (@_AnaBoyer) August 20, 2021
illustrating with components is magic @figmadesign pic.twitter.com/qE9qRq9c2C
— Zack Davenport ✌ (@mrdavenport) August 14, 2021
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
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
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