Not sure if this is new but super handy for those of us using Figma for presentations!
shortcut to open 'present' mode in @figma design:
— Anthony DiSpezio (@adispezio) October 24, 2022
mac: cmd+opt+enter
win: ctrl+alt+enter
tooltip reminder in the UI coming soon! pic.twitter.com/jsmBF3216T
Copy-pasting objects from FigJam to Figma never disappoints.
If you want to have an embedded Youtube video in your @Figma file, like to document process, share resources, or have a contextual walkthrough.
— miggi but espooky 👻 (@miggi) October 23, 2022
1.) Paste the YT link in a FigJam file
2.) Copy-Paste the playable video object into Figma
3.) That's it!#Figmatip pic.twitter.com/x3KrtKuudS
What a dumpster fire. It seems to be Pantone’s decision, but both companies look awful now.
Fun times ahead for #Adobe designers. Today, if you open a PSD (even one that's 20 years old) with an obscure PANTONE colour, it will remove the colour and make it black. Pantone want US$21/month for access, and Solid Coated goes behind the paywall in early November. pic.twitter.com/BUxzViYFaQ
— Iain Anderson (@funwithstuff) October 28, 2022
Announcement from Figma: “We’re launching new features to help teams move work forward. Join us for a livestream Tuesday, Oct 25 at 9AM PST to be the first to try them out for yourself!”
Anyone can have a good idea. Making it real is the hard part. 😅
— Figma (@figma) October 20, 2022
We’re launching new features to help teams move work forward.
Join us for a livestream Tuesday, Oct 25 at 9AM PST to be the first to try them out for yourself! See you there https://t.co/JenUH7dwTp pic.twitter.com/eIrk4OeBfr
Dan Hollick explains how every color blending mode in graphic editors works.
Do you just click different blending modes until it sort of looks right?
— Dan Hollick 🇿🇦 (@DanHollick) October 20, 2022
Well, that probably won't change after you read this but at least you probably won't use Lighten or Darken again.
(you should bookmark this thread and use it as a reference) pic.twitter.com/lDkIkUhDxG
In this CNBC interview, Adobe CEO Shantanu Narayen shares his thoughts on the company’s plans to acquire Figma and innovation in a hybrid work environment.
Back like we never left ⚡⚡⚡ With @adobemax returning to LA for the first time in three years, @Adobe CEO Shantanu Narayen shares his thoughts on the company's plans to acquire @figma and innovation in a hybrid work environment. pic.twitter.com/JMeii3PoG8
— TechCheck (@CNBCTechCheck) October 18, 2022
A short thread of a few hints on the future of Figma from the Adobe Max conference.
Yesterday at Adobe Max there were a lot of hints and announcement on how the synergies between Adobe and Figma will be...
— Damián Martone (@DamsTweets) October 19, 2022
1/8 pic.twitter.com/kzUM0bTbZ0
Luis shows some of the original designs for the component icon by Rasmus Andersson. At this point, it’s hard to imagine anything other than ❖, but I also like #7 and #14.
I was digging through old Figma files and found a few of @rsms's original designs for the ❖ component icon
— luis. (@disco_lu) October 19, 2022
Literally naming the component!
If we changed to another one, what would you choose?
These are all main component / instance pairs pic.twitter.com/OnYxzLIXpq
Dmitriy Bunin shares a great collection of must-know shortcuts.
My favorite shortcuts to design faster in #Figma.
— Dmitriy Bunin (@buninux) October 17, 2022
⌨️✨ #ui #design
A thread pic.twitter.com/HDffVqC8lo
Ridd shows how to use the new beta to expose the subcomponent state, avoid breaking down components, and set preferred values for “slots”.
The component properties beta is 🔥
— Ridd 🏛 (@Ridderingand) October 18, 2022
Here are 3 ways I'm using the new features to level up my Figma game 👇 pic.twitter.com/txBKz0F5Wz
Miggi shows how to do hanging opening quotes with Auto Layout.
A pet peeve of mine is seeing opening quotes set within a block of type. Using Auto layout and absolute position, you, too can make better quote blocks in @figma. #figmatip
— miggi but spooky 👻 (@miggi) October 18, 2022
More about optical margin alignment: https://t.co/dSTmOWEgUy
& in CSS: https://t.co/dCBrtS8lFx pic.twitter.com/kfMQ6sJ5mE
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