Six months ago, when starting this newsletter, I was worried that there might not be enough content for a fortnightly digest. Now I regularly have to pass on links to keep the newsletter’s length under control. It’s great to see how fast the community is growing and how many cool things it builds.
Since the last time, Figma released Links, Spotify wrote about their ways of working and organizing files, VMware ran a remote design sprint, the community built Stay at Home Valley, Marcin Wichary shared the process of building Selection Colors, and Blokdots came up with a way to connect Figma prototype with Arduino. If you enjoy this newsletter, please share it with your circle.
Links (announced at Config 2020) and Universal Search are finally here! Check out Links Playground + Game to learn how to use them.
Spotify Design shares how they have shaped Figma to their needs and culture. This post focuses on file structure: “Allowing multiple people into the same file doesn’t automatically lead to better collaboration. Our files would need to be organised in a way that is visible and discoverable by everyone. After all, you can’t collaborate on work that you can’t find.” See also: Spotify Ways of Working.
The product design team at VMware switched to working from home during the pandemic and piloted a remote design sprint within one of their groups. In this post, they share the process and takeaways.
Jack Roles talks through the difficulties his team was facing using Sketch, why they selected Figma for creating Babylon DNA design system, and what they’re still learning.
Marc Andrew, a creator of Cabana Design Kit featured in the last issue, shows how to put together your kit to kick-start design projects faster. Part 1 covers color palettes, typography styles, and shadows.
Chieri Wada describes a life-changing experience of attending Figma conference two months ago, then looks at how the same design community came up with creative ways to stay in touch while social distancing. (Seriously, can you believe the conference was only 2.5 months ago?!)
A review of free Figma resources recently published by a community.
Good thoughts on the future of Sketch and competing with Figma. I used to love Sketch, but can’t see what can save it from a slow decline at this point.
A shared Figma community project Stay at Home Valley got featured in Fast Company. The article highlights lots of smart details, so it’s worth checking even if you saw the project before.
“Figma is in talks to raise a new funding round from venture capital firm Andreessen Horowitz at a valuation of $2 billion, multiple sources with knowledge of the matter tell Forbes. The round, which is still being finalized, is expected to raise at least $50 million, three sources say.”
Nasdaq speaks with Dylan Field after Figma was featured in Enterprise Tech 30 list.
Smart workarounds for making reusable progress bar components that can indicate different values.
Unn Swanström is looking at how big a difference animations can make in prototypes and shares a few tricks for creating them in Figma.
In this weekly Office Hours in Figma, Anthony DiSpezio and Rogie King are talking about team structure, multiple component libraries, versioning, and updating components at scale.
Mark Johnson (Principal Product Designer) and Jess Chaidez (Product Designer) from Mixpanel discuss positive and productive ways to request and deliver design feedback.
Design leaders Nina Mehta from Mailchimp, Hareem Mannan from Segment, and Katarzyna Babula from Gusto discuss how to solve problems faster through pair designing.
Great thread from Design Manager at Figma on how one of its most unique features came to life, from the initial pitch to design challenges and decisions.
Node.js command-line utility to get live and historical stats for your Figma plugins. Great tool for plugin authors.
This is a huge time saver. Can’t believe I never tried this before.
Another great but well-hidden feature.
Make sure to check replies for more ideas.
Plugin to connect Figma to the blokdots app, making it possible to use hardware components like sensors and buttons to control and manipulate elements right in Figma. Mindblowing!
Nice to see how vector networks and rounded corners speed up the design process.
A step-by-step walkthrough for creating a fairly complicated animation in Figma.
Generate layers from your layout grids so you can export images or prepare diagrams to supplement your design systems documentation.
Easily test your design in different viewports by saving your favorite frame size combinations. Use any combination for new frames or for duplicating your current selection.
“Our converter allows you to open XD designs directly in Figma. All elements get converted 1:1.”
Small utility to optimize and download Figma assets to your computer.
Free and fully editable design system built in Figma.
So far, Atlassian shared their Foundations and Components packs.
Shared this with my kid and can’t wait to see what she will come up with.
Another great resource by Mixpanel: “a specific kit to quickly collaborate and chat with teammates in Figma, in context.”
Templates and guides for printing from Figma in millimeters and inches.
From the Headquarters
Alia Fite makes a point that prototypes don’t always have to be high-fidelity. She shares the benefits of lightweight prototypes and some ways the team at Figma is using them.
A few tactics for making remote user research a little easier, including tips on doing user interviews and collaborating on shared boards.
Figma for Education program now includes online courses, bootcamps, school-sponsored hackathons, and more.
Great to see how Figma’s mission to make the design more accessible empower underrepresented communities.
Miguel Cardona teaches New Media Design at the Rochester Institute of Technology (RIT) and shares some of the activities that he does with students in Figma.