In Issue 89, I shared slides for Yuhki Yamashita’s talk “Confessions of modern design” on how design is changing, and how we need to change with it. This article summarizes his advice on navigating our new always-in-progress world and Figma’s approach to developing collaboration features designed with that in mind.
Vijay is experimenting with inner shadows in Figma. Despite a limit of only 8 shadows, it’s usually enough to create a 3D effect on any shape.
Experimenting with inner shadows in @figma.
— vijay verma (@realvjy) November 14, 2022
I found that if you use drop shadow or inner shadow on any layer, the limit is 8. In spite of this, it is enough to make any shape like 3D. One secret shared below ☺️. pic.twitter.com/da9sz9fLv0
A Twitch stream of Ana Boyer and Miggi Cardona diving deep into Figma prototyping.
Ridd explains why it’s better to think of each container component as having a single slot instead of a bunch of individual slots.
Seeing a lot of people making the same mistake with slot components...
— Ridd 🏛 (@Ridderingand) November 15, 2022
Here's what to avoid 👇 pic.twitter.com/vu0KxP7vMa
Lenny Rachitsky kicked off a new series on building products by interviewing Figma’s CPO Yuhki Yamashita. Learn about their planning process, how they use OKRs, their design review meetings process, org structure, lessons learned, and more in this Twitter thread, or in an excerpt from his subscriber-only newsletter.
I’m kicking off a new series where I share how the best product teams build product.
— Lenny Rachitsky (@lennysan) November 15, 2022
First up, @Figma.
I sat down with @yuhkiyam to learn about their planning process, how they use OKRs, their design review meetings process, org structure, lessons learned, and more.
Read on: pic.twitter.com/wnRlS9s5sr
Marcin Wichary introduces twelve editor improvements. Numeric scaling is the obvious highlight and something many of us have been waiting for, but a new dialog for creating Styles and preserved formatting when copying/pasting text are great too!
Pssst. Ok.
— Marcin Wichary (@mwichary) November 14, 2022
So our product marketer @pseullah is distracted, and I thought I could just go ahead and quickly launch a few @figma improvements before she comes back!
(And also share some secrets.)
👇 pic.twitter.com/O90d2J1OWQ
Steve Schoger with a new step-by-step tutorial. See also another one on drawing a briefcase.
✨ How to draw a rocket icon in @figma 🚀 pic.twitter.com/QWFd4BZRtZ
— Steve Schoger (@steveschoger) November 7, 2022
MDS is killing it with a killer Auto Layout tutorial. Who cares if it’s a bit late for Halloween!
I made a killer auto layout tutorial for @figma. There are three critical things you need to understand in order to use it efficiently... pic.twitter.com/x17cnAg9az
— MDS (@mds) November 8, 2022
Vijay keeps teasing Rogie’s new plugin Noise & Texture. You’ll notice that it’s currently in beta and requires a code to unlock, but if you look closely at this thread you may find one.
Last night, when I was bored in a meeting 😌, I made some noise in @figma using the NT plugin @rogie. With this pluign we can create cool metal, wood, and many other texture by simply combining with layer mode. Shared some tips below 🧶 pic.twitter.com/CGEw0ACebE
— vijay verma •ᴗ• (@realvjy) November 8, 2022
Nilay Patel from The Verge interviews Dylan Field for the Decoder podcast. It’s the longest and sharpest interview since the acquisition — an absolute must-read. “So I wanted to talk to Dylan about the deal, why he’s doing it, how he made the decision to sell, and what things he can do as part of Adobe that he couldn’t do as an independent company. Dylan’s also a pretty expansive thinker, so after we talked about his company getting the “fuck you” money from Adobe, we talked about making VR Figma for the metaverse and AGI, which is artificial general intelligence, or the kind of AI that can fully think for itself.”
Slides from Figma’s Chief Product Officer Yuhki Yamashita talk at Web Summit on “how design is changing, and how we need to change with it”. Hope the video will become available one day, as it’s a really interesting take on the modern design and development process.
Steve Schoger shows how to draw a fingerprint icon using the full power of Figma’s vector networks.
✨ How to draw a fingerprint icon in @figma pic.twitter.com/s6iKbz94RF
— Steve Schoger (@steveschoger) November 3, 2022
As always, Vijay Verma pushes the limits of Figma with a fun experiment based on Auto Layout and an animated prototype. Great to see how easy it was to build and control.
Another fun experiment using @figma prototype. I made this small head rig last week. Creating this was lot of fun 😍. By using cavas as masks and combining with autolayout, I created this so quickly. Sharing behind the scene below 🧶 pic.twitter.com/funSf3WtuD
— vijay verma •ᴗ• (@realvjy) November 1, 2022
Clara Ujiie with a nifty FigJam trick.
TIL you can customize the anchor points for your FigJam connectors by holding cmd while you drag the connector. ty @lbudorick pic.twitter.com/yvWOgjdlvP
— Clara Ujiie (@claraujiie) October 31, 2022
Gleb Sabirzyanov suggests a few approaches for fixing broken vector paths and shapes.
❓ How to fix an issue in Figma when you try to outline, flatten, or union a shape and it disappears or becomes broken.
— Gleb Sabirzyanov (@gleb_sexy) November 4, 2022
A thread of methods that *may* help solve this @figma glitch: pic.twitter.com/dtZmJ5jMXo
This week, Designer Advocate Mal talks about Taylor Swift Midnights Cover Template, Halloween Retrospective Template, Hidden Kittens, and Calendar.
It's FRIDAY! Time for 🔥🔥That's So Hot!🔥🔥 An album artwork template? Halloween vibes 🎃! Kittens 🐈 and Calendars 🗓️ pic.twitter.com/Vu5npj3zJj
— Mal (@mdeandesign) October 28, 2022
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
Noah Levin talks about Figma’s unique processes in hiring and culture on the Design To Be podcast.
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