Tweets
Truncated text shortcut
Another great shortcut from Miggie to avoid going into the advanced type settings menu — click on the “Fixed size” icon while holding Option (Alt) to enable truncated text. (With so much free space to the right, I wonder what’s the justification for hiding this option in the menu.)
Option (alt) + click on 'Fixed' text to convert text field to have truncate text behavior in @figma. #figmatip pic.twitter.com/aDhkDL7b3j
— Miggi (@miggi) May 19, 2022
Default Auto Layout values
Cool minor improvement — default Auto Layout value now reflects the Big Nudge number instead of being hardcoded to 10 pixels. You can change it in the Preferences → Nudge amount.
Did the default values in Auto layout change to your nudge amount before or after @figma #Config2022? pic.twitter.com/1OWEQVsiRr
— Dan Eberhardt🏊🏻🚴🏻🏃🏻 (@incontrast) May 15, 2022
Auto Layout spacing mode
Miggie with a pro tip on Auto Layout — typing in “auto” as the spacing value will change the spacing mode from Packed to Space Between.
One more late night @figma auto layout tidbit.
— Miggi (@miggi) May 19, 2022
If you type in "auto" as the spacing value, it will change the behavior from packed, to space between! pic.twitter.com/rnW1oqoOPy
Slot components after Config 2022
Ridd is rethinking his approach to content systems with the introduction of Component Properties.
Config was a gamechanger for "Slot" components...
— Ridd 🏛 (@Ridderingand) May 19, 2022
They're now more powerful than ever and I'm starting to rethink how I approach content systems in Figma...
Time for a deep dive👇 pic.twitter.com/1mID6OkAwV
Creating a button component set
Joey Banks creates a button component using both Variant Properties and Component Properties.
Creating a button component set in @figma, using both Variant Properties and Component Properties 🤓: pic.twitter.com/RhoB8WpXrH
— Joey Banks (@joeyabanks) May 19, 2022
A poem in the source code
Apparently, there is a poem by Robert Frost in Figma’s source code.
Turns out there is a poem in @figma source code pic.twitter.com/apIDnXWyGi
— Josias Aurel ⚡🇨🇲 (@JosiasWing) May 7, 2022
Config branding
Damien Correll, Creative Director at Figma, shares how the branding for 4th Config came together.
Now that @figma #config2022 is a wrap, I wanted to briefly share how the branding came together. It was the 4th Config—my first—however I’m not a stranger to design conference branding (hello Schema and 7 @googledesign SPAN events). pic.twitter.com/I37ERPR3t4
— Maybe: Damien (@damiencorrell) May 13, 2022
Designing dark mode
Ryhan talks about designing Figma’s dark mode and rebuilding their entire color system.
Excited to (finally) release dark mode in @figma .
— Ryhan (@ryhanhassan) May 10, 2022
Behind the scenes, making this happen required some significant changes to our color system. For more about how it works, @pwnies and I are giving a talk about the new system at Config!https://t.co/3VVwiEp6zX pic.twitter.com/NxTwealn2j
Top 5 highlights of Auto Layout
Designers Joel Miller and Oscar Nilsson worked on the new Auto Layout together. In this thread, Joel talks about some of his favorite things about this release.
ICYMI, @oscrse and I talked about our design process behind the new version of Auto Layout! This project was all about the balance of complexity/simplicity and designing for the space between.
— Joel Miller (@joeltalksdesign) May 11, 2022
While you wait for the recording, here’s my top 5 highlights of Auto Layout in @figma pic.twitter.com/5LCYoUZcfK
Instance swapping
Ridd shows why the new Instance Swap component property “blows the roof off of what we can do with components”.
Selecting similar layers
Great improvement that wasn’t highlighted during the keynote.
Selecting similar layers right on canvas is probably my fav 1% improvement @figma rolled out today! pic.twitter.com/dStMGy5sfG
— Adam 🌻 Ruthendorf-Przewoski (@AdamPrzewoski) May 10, 2022
Who worked on the new features
Figma’s Design Director Noah Levin introduces Product Designers and UX Writers who worked on new features. Great place to discover new talented people to follow!
Big launch day 🎉
— Noah Levin (@nlevin) May 10, 2022
A million thank you's are in order. As we've grown I can't quite keep up with every contributor with these props posts, but at the very least I wanted to share the product designers and ux writers who worked on SO many (15!) launches at #Config2022 today 👇 https://t.co/4MrDYg3gkg
5 years to “overnight success”
An excerpt from Dylan’s talk on how it took five years from the moment they started working on Figma to the first paid customers.
Enjoying learning about how @figma got where they are today
— Michael Aubry ☀️ (@michaelaubry) May 1, 2022
In my quest to learn, I'm going to be sharing everything I am learning from @zoink
It took them 5 years of working on Figma before they got their first customer
Rome wasn't built in a night good things take time pic.twitter.com/ZRGJPusipw
The crazy story of Dylan Field
Interesting thread on a path that Dylan Field took from an intern and college dropout to the CEO of the $10B company.
From child actor to web developer to law to politics to data analytics to design to drones to founding the $10 billion giant called Figma: this is the crazy story of Dylan Field👇👇 pic.twitter.com/lUdxgGLOss
— Shreyans Singh (@shreyans512) April 4, 2022
How Figma prioritizes its roadmap
Sho Kuwamoto, Director of Product at Figma, talks about user input.
People often ask how @figma prioritizes its roadmap. It’s a hard question, which I’ll try to tackle over time in small bites.
— Sho Kuwamoto (@skuwamoto) March 27, 2022
This first thread is about user input
1/n
Apple Event invite
A new tutorial by Fons Mans on how to recreate an Apple Event invite.
Learn how to create the #AppleEvent invite with @figma in just a few steps!
— Fons Mans (@FonsMans) March 11, 2022
A tutorial thread 👇 pic.twitter.com/O9gJbyccve
Robotnik
Fantastic photo-realistic portrait of Jim Carrey as Robotnik from the Sonic movie.
I'm back with another illustration done only using @figma 😃 Here's Jim Carrey as Robotnik from the Sonic movie!
— Joey 🙃 (@mrhammn) April 20, 2022
The file and explanations can be found here 👉 https://t.co/bqnbFMHB0y pic.twitter.com/Lq3VtsXcUJ
Turning Red
Vijay has some next-level patience and perseverance — it took 19K vector shapes to create the realistic fur of the panda. Mind-blowing!
Adorable face of red panda and the vibrant red color of #TurningRed inspired me so much that I couldn't resist making it purely in @figma 😍.
— vijay verma ᵍᵐ (@realvjy) March 14, 2022
Movie says - Let the world see who you really are without caring about what anyone else thinks. pic.twitter.com/7fZVeIA9Ry
Building Custom Tables in Figma
Buzz Usborne published a walkthrough of creating scalable and customizable tables in Figma using a single component.
Did I make a full video about building tables in Figma? Yes. Do I regret going down this rabbit hole? Also yes. 📺🕳️ https://t.co/JCyLxEBktG
— Buzz Usborne (@buzzusborne) April 13, 2022
Jordan Singer’s experiments
Fascinating thread showing how countless experiments with Figma plugins and API finally led to the development of Automator. This thread was published in March, and two months later today, Jordan announced a $3M seed round for his company — can’t wait to see what he will build next!
Using Figma as a playground to build design tools on top of an infinitely scaleable, realtime multiplayer canvas has changed everything for me.
— Jordan Singer (@jsngr) March 5, 2022
Here's a thread of my experiments to show you what's possible, to learn from, and plugins to install 👇 pic.twitter.com/ujT6he6Gz4