Articles

Josh is an engineer on the design system team. Here, he shares advice for new grads as they think about taking the next step: choosing the right company, finding a role that fits their interests, and making the transition to the working world.

More highlights from the conference on how to build trust. ​“Trust is the backbone of an open and inclusive culture, and the right processes — which govern how you design, develop, and work together as a team — can, in turn, result in more open and inclusive products.”

Curated takeaways from Config Europe on the importance of trust amongst teammates, with clients, and in the broader design community.

“Now that it’s been a while since I switched from Sketch to Figma, I thought I’d try going back to my first design tool, MS Paint. As there is so much debate on what design tool to use, I wondered why we ever moved away from such a great tool in the first place.” At first, I thought it was a late April Fools’ joke, but it’s quite amazing to see what changed and what remained roughly the same for 25 years.

“Figma-Low-Code is an open-source project that enables the direct inclusion of Figma designs in Vue applications. By ensuring that the Figma design stays the single source of truth, this approach reduces the need for design hand-offs and front-end code significantly.”

A new Figma tutorial from Headway, showing how to use Figma UI Kits to bring design ideas to life faster.

Backstage is Spotify’s homegrown developer portal. This article shows how to design for it using a combination of Figma and Storybook.

Figma is a 2020 Innovation by Design winner in User Experience category. Fast Company credits it, at least partially, with enabling companies to work remotely. ​“Figma has become the virtual whiteboard of the pandemic.”

A great in-depth profile of Dylan Field at Business Insider.

Marcin Wichary digs into how font fallback works. As always, his post is a deep dive into the topic. Highly recommend!

While feature introducing Variants of the same component is currently in beta, this help article provides recommendations on how to prepare for its release in November.

Figma added two new integrations — one for keeping designs up-to-date in GitLab issues, and another for converting mockups into web pages with Maker. This article talks about some recently-launched integrations to help your product team collaborate in Figma.

Two features announced on the Config Europe are already live! New Instance Swap menu and updated Inspect tab help both designers and developers navigate large, complex libraries in Figma.

UserOnboard goes through an onboarding experience of Figma.

“Since presenting is a large part of both client-facing work and startup-building, Abigail spent the first three years of college refining her presentation skills in front of a variety of audiences: toy designers, vehicle inventors, entertainment executives, and more. Below, she shares her tips for developing and delivering a presentation that lands.”

Dylan Field: ​”Today, I’m excited to announce that Figma is opening a hub office in London, which will serve as our HQ for the EMEA region.”

Rasmus joined Figma in 2016 as a Lead Designer and one of the early employees. He just left the company, and in this post looks back at what he worked on over the years.

This is a great addition to the previous article. ​“Webhooks offer a first-class way to react to changes in Figma. In this article, we’ll build a small service in Node to listen for these events.”

Somehow I missed this article earlier this year, but it’s a good resource for creating an automated process to keep design tokens of the design tool in sync with the code behind it. They achieve this by setting up a Node.js server that generates Sass and Tailwind files with all the variables from the Figma API.

Tammy Taabassum created a design system in Figma for an existing product following the design thinking process. She started by assessing the situation (Discovery), set goals (Define), and only then built components and unified colors.