I wasn’t aware of the Shift+Delete shortcut for removing points on vector paths, but Option-clicking on them with the Pen tool is an even faster way to clean up a vector path.
I've been at @figma ~5 years and I still learn new things about it all the time…
— Noah Levin (@nlevin) October 19, 2022
Today @lbudorick taught me about "shift+delete" to remove and "heal" points on vector paths!
Apparently it even adjusts bezier handles of adjacent non-deleted vertices to preserve nice curves 🤯 pic.twitter.com/9zR5ZRpV4M
Alex Oyebade shows how to use videos in prototypes.
Using Figma’s New Video Feature!@memorisely @figma pic.twitter.com/79Am8LMYwP
— Alex Oyebade (@iamalexoyebade) October 17, 2022
Vijay Verma is a prolific member of the Figma community (see his projects featured in the past), and in this Twitter thread, he explains why he picked Figma over Sketch or Penpot. Don’t miss his time-lapse comparison of all three tools on YouTube, where he created the same icon and analyzed some key points.
I love his conclusion: “At the end, I learned that a tool is just a tool. It doesn’t matter what tool you choose depending on your needs, just start creating. You will find a way to achieve what you want to create with what you have on hand.”
Why I love @figma ? Every time I use Figma to create illustrations, you guys always ask me why. Here are a few points I would like to share in this thread 🧶. I also uploaded a time lapse to YouTube ▶️ pic.twitter.com/R0lVD7tLvc
— vijay verma 👻 (@realvjy) October 18, 2022
With the recent improvements to variants and components, Ridd makes a point that the benefits of using base components are no longer worth the cost for the design systems work. That said, they’re still great for exploratory work.
I'm constantly asked about .base components...
— Ridd 🏛 (@Ridderingand) October 13, 2022
My answer: now that variant sets are smaller AND it's easier to make bulk changes...
The benefit (ease of updating) is no longer worth the cost (ease of use).
But there's one use case I still love 👇 pic.twitter.com/InfTH6Arm3
Many of us have our own scratchpad files, but I love this naming suggestion!
My first tab in @figma is a Scratchpad file that I've named only with the ◻️ emoji which keeps it minimal with no text where it can always be easily accessed next to the Home icon. pic.twitter.com/HBOjJumlAE
— Jonathan Simcoe (@jdsimcoe) October 12, 2022
Designer Advocate Mal shares one hot community file, plugin, and widget.
Got a min? Welcome to That's So Hot! Figma Fridays where I share a 🔥 community file, plugin, and widget pic.twitter.com/QbIxSbPTbS
— Mal (@mdeandesign) October 14, 2022
Francisco Tolmasky asks an important question — after Figma did the unimagined and released design tool in the browser, where are all other cool web apps built with this technology? A few examples I can think of are Framer and Spline.
It’s interesting that Figma didn’t usher in a new age of super cool web apps. They released a super impressive WASM app *6 years ago*. Everyone was blown away & then proceeded to… talk about WASM as a future technology & just went back to arguing about React vs. Vue or whatever.
— Francisco Tolmasky (@tolmasky) September 30, 2022
An interesting comment from Rasmus Andersson on how the design team at Figma works. Many people get anxious when collaborators or viewers appear in their files in the middle of work. There must be a better way than moving files between private Drafts and public files. (Personally, I’d love to see something similar to the git push command developers use — privately work on changes, then when you’re ready send them to the public file. This would obviously affect multi-player collaboration, but sounds like an interesting challenge to think about.)
The key Figma workflow is to conduct the majority of day-to-day “heads down” design work in draft files (maybe shared with a designer you’re partnering with.) at the end of the day or week, stage stuff to a dedicated shared file for a larger audience.
— Rasmus Andersson (@rsms) October 7, 2022
An interesting technique from Luis on using component props for adding spacing around icons only in some instances, for example when used inside a button.
How can you use component props for contextual spacing?
— luis. (@disco_lu) October 4, 2022
For example, an icon that needs a 12px margin in *some* instances?
– Create a spacer component
– Place that inside a wrapper component for your icon
– Nest that one inside your main component
– Bubble up the props pic.twitter.com/KUv1oX05zs
15 shortcuts worth remembering.
Handy @figma shortcuts, curated by @uijohnson pic.twitter.com/hA5TySOqtW
— reo🧸🤎 (@reoworx) September 27, 2022
Sho Kuwamoto describes how the editor team works. Building the process around “What do our users want us to make better?” instead of self-centered questions is probably what makes Figma so magical.
I’ve been thinking a lot about how @figma does product work.
— Sho Kuwamoto (@skuwamoto) September 23, 2022
And what makes Figma “Figma”?
This, in turn, made me realize I never followed up on my previous thread about roadmap prioritization.
So here goes….https://t.co/WqInVKd1xj
Really fun animation and interaction made by Figmatelier.
I have finally finished my animation/interaction Dynamic Island with @figma .Thanks @rogie for your Noise & Texture plugin, I animated it. You can find the Figma Community link below in the thread. I hope you will enjoy it :) pic.twitter.com/JHU5Y170FJ
— Figmatelier (@Figmatelier) September 19, 2022
Vijay Verma shares a few techniques for adding simple halftone effects in Figma. See also his experiments with Rogie’s upcoming NT plugin and how he achieved a frosted glass effect.
Yes, this is @figma. Simple halftone effects can be easily added to your photos and illustrations to give them a retro look.
— vijay verma ᵍᵐ (@realvjy) September 18, 2022
Another experimenting with @rogie NT plugin. Sharing techniques here 🧶 pic.twitter.com/X43m4oXSWg
Luis shares jumping-off points for starting a new design system in Figma.
If you're looking to start a fresh design system within Figma, here's a jumping off point:
— luis. (@disco_lu) September 23, 2022
1️⃣ Team for design system
2️⃣ UI Kit project
3️⃣ Separate files for: Styles, Icons, Components
*️⃣ Extra platform-level libraries if your developers are split into platform teams pic.twitter.com/je5UCOpI78
Ridd with a pro tip on using Variants. Good prep work for the design tokens in the future!
Variants pro tip incoming 👀
— Ridd 🏛 (@Ridderingand) September 18, 2022
Create a single set of height variables.
And then apply them across all of your core "atoms" (buttons, inputs, etc.)
3 reasons why 👇 pic.twitter.com/McUW6B2Ua8
During a VC job interview in 2018, Kyle Harrison built a model with Figma becoming a $19B company in 2025. His analysis was called “unrealistic”. Good thread on compounding growth, and there is a deeper dive in his newsletter.
In 2018 Figma did $4M of ARR. Soon after I had a VC job interview where I did a Figma case study. I built a model with Figma becoming a $19B company in 2025
— Kyle Harrison (@kwharrison13) September 19, 2022
I didn't get the job. They said my analysis was "unrealistic"
A thread on how the best companies compound unexpectedly...
Karri Saarinen, cofounder and CEO of Linear: “Adobe missed the one of the largest transformations in the design industry and lost the product designers for over a decade. Spending $20B on Figma is their ticket back in and hopefully evolving their thinking from the “software in a box” model.” Also love his take on Sketch “building a tool for a designer vs. building a tool for teams”.
I’ve seen a lot of takes on the Figma Adobe deal in past week and think most VCs/finance folks misses the point since they don’t really understand the market or tools Adobe and Figma makes. Figma is not a Photoshop killer and Figma didn't put "Photoshop in the cloud".
— Karri Saarinen (@karrisaarinen) September 20, 2022
A good summary of topics discussed at the Figma All-Hands call on September 16th.
Here's the TLDR of the @figma all hands spaces.
— Ashish ✦ ashuxi.eth (@Ash_uxi) September 16, 2022
🧵...
Dann Petty hosted an open chat about Figma’s acquisition with Scott Belsky from Adobe.
If you missed our design chat today about @Adobe + @Figma with @scottbelsky you can listen to the recording 🙌 https://t.co/vPlS8wnlAB
— DANN ツ (@DannPetty) September 22, 2022
Nice update to the desktop app making it easy to pick up where you left off.
We just shipped a small update to the @figma desktop app 🎉
— Robert Bye (@RobertJBye) September 20, 2022
On the new tab page we now show your recent files, making it easy to pick up where you left off.
Download the Beta to get access now! https://t.co/Lqd0vAwh6p pic.twitter.com/nkq51T5lGR