Tweets
Elemental poster
Vijay Verma with a gorgeous poster for Pixar’s upcoming Elemental movie. See the file and techniques he used in a thread.
From all the #D23Expo, I am most excited about Pixar's #elemental movie.
— vijay verma ᵍᵐ (@realvjy) September 12, 2022
The colors and overall poster really inspired me, so I created it in @figma over the weekend 😍 pic.twitter.com/sAaJqo8170
Ultra gradients
Fons Mans shows how to create rich gradients without any plugins — like this one, for example.
New tutorial! ✨
— Fons Mans (@FonsMans) September 13, 2022
Learn how to create an 'ultra gradient' with @figma, without using any plugins!
Let's get started 👇 pic.twitter.com/5eMYoPJc3z
Mobile comments
“You can now review, respond, and leave feedback to comments from your phone or tablet.”
I'm excited to announce mobile comments are now available in @figma. This is a request I know many of you (myself included) have been waiting for.
— Greg Blaszczuk (@gregblaszczuk) September 13, 2022
You can now review, respond, and leave feedback to comments from your phone or tablet. And as always, we're always open to feedback. pic.twitter.com/B4HPRvSFzq
Creation vs. usage of components
Luis on why it’s important to optimize for the usage of components.
Something I'm see a lot is that we prioritise component *creation*, not *usage*
— luis. (@disco_lu) September 13, 2022
This usually ends with something like this (simple example). Building is easier, but usage harder
The "notification" component is buried in variant settings. It's also a different component! pic.twitter.com/R5s63ptJ4w
10 reasons Figma dominated the design world
Nice thread from Nathan Barry, founder of Convertkit, on Figma’s dominance.
Figma just sold for $20 Billion.
— Nathan Barry (@nathanbarry) September 17, 2022
The highest price ever for a private SaaS company. An incredible 50x multiple their $400 million ARR.
Here are the 10 reasons Figma dominated the design world:
A new generation of design-focused startups
Great point by Wendy Johansson on a positive side effect of this deal.
I'm very excited to hear the Figma acquisition news this morning!
— Wendy Johansson (@uxwendy) September 15, 2022
Startup employees often get a windfall 💰 when big moves like this happen. In the coming years (hold for those long-term gains taxes, Figma employees!), we should see two design-focused impacts coming from this 🧵 https://t.co/u9KNcxouMS
What makes software magical?
MDS with another take on Figma/Adobe: “The magic happens in the details and typically in things that you didn’t plan for”.
What makes software magical? Another take on Figma/Adobe for those of us who still wanna talk about it. pic.twitter.com/g2m5mQBEj0
— MDS (@mds) September 16, 2022
It’s nearly impossible to make legacy applications multi-user collaborative
Fantastic thread on why collaboration features in XD or Sketch would never match Figma: “In short, Adobe would have never caught up to Figma. It’s genuinely easier and cheaper for them to use Figma's architecture to rebuild all of their existing applications than to try to make any of their existing apps as delightfully multiplayer as Figma.”
I'm not surprised that Adobe is acquiring Figma for $20B, nor that Wall Street doesn't understand it and $ADBE stock is down more than $20B today. It's a smart move for Adobe because it's nearly impossible to make legacy software applications multi-user collaborative. Thread: 🧵
— Amal Dorai (@amaldorai) September 15, 2022
Figma’s Valuation vs. ARR
David Sacks on late bloomers and responsiveness of VC markets. See a more in-depth discussion in Episode 96 of the All-In Podcast.
Figma’s Valuation (purple line; left axis) versus ARR (red line; right axis).
— David Sacks (@DavidSacks) September 16, 2022
Take-aways:
1) Late bloomers can thrive. Founders should never give up.
2) VC markets are highly responsive and slightly ahead of the curve.
We discuss fully on the next episode of @theallinpod. pic.twitter.com/JDnzALwqHK
Scott Belsky on the acquisition
Adobe CPO and founder of Behance: “Remembering the deluge of doubts in 2012 when we shared Behance’s acquisition, 10yrs later, platform grew 30x, product stronger than ever, brand intact, still free, high growth, and continued pipeline of goodness. But it takes work + principles. Like all bold moves, show > tell.”
today is a big day for both @Adobe and @figma. our teams are excited by the new possibilities and recognize both the opportunity and responsibility as we share our intent to come together. 🧵
— scott belsky (@scottbelsky) September 15, 2022
Figma’s “Big Wins” from 2013
Andrei Herasimchuk, the ex-Lead Designer at Adobe, shares a list of “big wins” and “small wins” that Figma cofounders and he wrote down in December 2013. Pretty amazing to see how almost all of it is a reality now. (“Modernizing masking & gradient UI” sounds pretty sweet though!)
Found this recently. Taken Dec 2013. It’s the list of things @zoink, @evanwallace, & myself wrote down for @figma while still in the temp office in Palo Alto. The list of “Big Wins” was all Dylan & Evan, esp. the community and team use part. They had the vision, even back then. pic.twitter.com/6mZg6cJvhp
— Andrei Herasimchuk (@Trenti) September 16, 2022
Blurring out areas of your FigJam file
A super useful tip by Miggi. The power of combining FigJam with Figma always keeps surprising me.
Blur out areas in your FigJam file with some @figma background blur shapes pasted in! #figmatip
— professor figma (@miggi) September 6, 2022
👉 Make a white rectangle in Figma
👉 Set blend mode to multiply
👉 Add background blur effect set to 50
👉 Paste into FigJam, resize + place over objects pic.twitter.com/TXhQmpPIyc
Archiving pages in a file
Clara Ujiie shows how to archive your work using pages and version history.
Want to archive your work in Figma?
— Figma (@figma) September 6, 2022
Here's how to do it.
Thanks, @claraujiie for the #FigmaTip 🤩 pic.twitter.com/rgBoePMlTA
Quick palettes
Easy and fast way to access a pre-defined color palette in FigJam.
Here is a @figma FigJam process tip. Paste in screenshots of palettes when using the marker tool. Hit the "i" key for the eye dropper tool to select colors from the palettes. Great for quick ideation and grey scale UI wireframes. #figmatip. pic.twitter.com/sfAjcAwksv
— professor figma (@miggi) September 6, 2022
Collaborative Dynamic Island
Luis shows the only Dynamic Island notification we’ve been waiting for.
Wow I love how collaborative this Dynamic Island is pic.twitter.com/wO8SFs6GaQ
— luis. (@disco_lu) September 8, 2022
Animating Dynamic Island
Zander Whitehurst shows how to animate the newly introduced Dynamic Island in Figma supafast.
🏝 Animating @Apple Dynamic Island in @figma, supafast pic.twitter.com/nTfhzhpVgd
— Zander Whitehurst (@zander_supafast) September 8, 2022
Figish
Vijay Verma with a new beautiful illustration made in Figma. Don’t miss the details on his technique and fun facts in a Twitter thread.
GM Frenz! Here's a rare fish, Figish 🐠, I made in @figma. An experimenting with Figma to make something colorful and shinny. Here is the result.
— vijay verma ᵍᵐ (@realvjy) August 29, 2022
Exclusively available on @foundation 🤩 pic.twitter.com/DZ3VSijbsi
Trim pass effect in Aninix
Beautiful demo of a powerful animation plugin Aninix.
Hello, @apple.
— Aninix (@AninixApp) August 31, 2022
This is an animation created with a trim pass effect that you can do directly in @figma using @AninixApp.
It's quick simple and beautiful:) pic.twitter.com/EdqoL8a6BQ
Zoom and opacity with the number keys
Anthony DiSpezio with a great tip on controlling opacity and zoom level with the number keys.
Incoming #figmatip
— Anthony DiSpezio (@adispezio) August 19, 2022
*Number keys for opacity* enabled:
- 0-9 to set 10% increments
- Tap two keys quickly for the exact %
- Tap 0 twice for 0%
- Hold shift for zoom keys⬇️
if disabled:
- 1 for 'zoom to fit'
- 2 for '...selection'
- 0 for '...100%'
- Hold shift for opacity keys⬆️ pic.twitter.com/82Et0GSV1w
Favorite keyboard shortcuts
Patrick Morgan asked designers about their favorite Figma shortcuts and shares the top 10 recommendations based on 220+ responses.
I asked designers for their favorite @figma keyboard shortcuts.
— Patrick Morgan (@itspatmorgan) August 15, 2022
220+ responses and hours of synthesis later...
Here are the top 10 keyboard shortcuts to supercharge your workflow: