Updates to Component Props. Figma & Adobe.
Sponsor
The design process and why it matters
Achieving good design requires more than just working in a design tool. It requires clarity, collaboration, and a disciplined approach that guides creative teams towards a clear and meaningful goal for their design work. Learn what the design process looks like and why it’s so important.
New Component Properties Features
New features for component properties
New component property features in open beta: exposed nested instances for more customization, preferred values for more clarity when instance swapping, and simplified instances for more focus on relevant properties.
Effective use of composition
Sho Kuwamoto, Director of Product at Figma, on new features and applying the concept of “composition” from engineering to design systems.
Baseline #10 — Exposing Nested Instances, Preferred Values, & more
Joey Banks explains why new features are so important for the design systems’ work.
3 new ways to use component properties
Molly Hellmuth with a detailed walkthrough of beta features and why they’re worth using right away.
App Updates
Recent files on the new tab page
Nice update to the desktop app making it easy to pick up where you left off.
Google Calendar integration
Use the Figma for Chrome extension to attach Figma & FigJam files to your Google Calendar events.
Paste Jira and Asana links as widgets
Auto-convert pasted text links to Jira and Asana tasks into FigJam widgets.
Adobe & Figma, Part 2
Design Chat: Figma ⨉ Adobe, Part 2
Dann Petty hosted an open chat about Figma’s acquisition with Scott Belsky from Adobe.
TLDR of the Figma All-Hands
A good summary of topics discussed at the Figma All-Hands call on September 16th.
Rafa’s hot takes
Rafa from Layout FM podcast shares his thoughts and predictions after the acquisition. Also, listen to his podcast episode on this topic.
Why Figma is not a “Photoshop killer”
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”.
How the best companies compound unexpectedly
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.
Figma’s $20B, 10 Year Overnight Success
Garry Tan on 10,000 landmines that Dylan Field and Figma had to overcome on their way to success.
The Story of Figma: Collaboration, Community and Creativity
Index Ventures is Figma’s first and largest venture partner. In this post, Danny Rimer questions what makes Figma so special and talks about the generational significance of design thinking and Dylan’s focus on the community.
For Some Figma Fans, Adobe Deal Triggers Fears Over Innovation, Pricing
The Wall Street Journal gathered thoughts and concerns on the deal from folks in the industry, including Scott Belsky, Fons Mans, and Yuhki Yamashita.
Should the Government Block the Adobe-Figma Merger?
Matt Stoller: “My instinct is that this merger is illegal and that it will be blocked or abandoned. But I’m not 100% sure, as there are also technical issues here that I’m still trying to wrap my head around. But even within the merging parties, there is genuine concern about whether this merger will close. Internally, Adobe executives are already telling employees not to write anything down about the merger for fear it will be found by government investigators.”
Figma: why design helps to do business
A piece on why businesses should adopt a design-centric mindset to ensure success, with commentary by Nikolas Klein, Product Designer at Figma since 2018.
Using Figma
A single set of height variables
Ridd with a pro tip on using Variants. Good prep work for the design tokens in the future!
Starting a fresh design system
Luis shares jumping-off points for starting a new design system in Figma.
Halftone effects
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.
Dynamic Island animation
Really fun animation and interaction made by Figmatelier.
Adding clarity to components using props
“Using Component Properties, we can update our library and make the components a bit more clear, flexible, and semi-self-documenting for the users of the library. In this tip, we share how preferred values and exposed instances can make the component consumption experience easier for designers.”
Building Blocks: Architecture, Branching, and Contributions
“In this episode, Figma Designer Advocate Chad Bergman and Product Manager Jacob Miller will dive into the architecting a healthy culture of collaboration, branching best practices, and the nuances of contribution!”
Backstage
FigJam wins Fast Company’s 2022 Innovation by Design Award
Congrats to the FigJam team! It’s definitely the most fun and delightful product I’ve used in a while.
How Figma does product work
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.