Articles

Figma redesigned team settings to make user management and billing more efficient.

Carol Chan shares her learnings from building a collapsible card component with many properties.

The team at Headway shared an evolving list of their favorite Figma plugins for automating aspects of the design process that can take a long time or be done multiple times a day.

With support for components, hyperlinks, PDF export, presentation mode, and shared community files, Figma became a fantastic tool for designing slides and creating presentations. This article provides an overview of the modern workflow.

“If you are reading this, means that you are interested in how and why to move your designs projects to Figma. Don’t expect a detailed guide on what’s the most optimised way of doing it, but rather the whys and hows of how I did it recently and why I believe it was a successful move.”

“As the coronavirus hit the travel industry earlier this year, the design team at Agoda looked at how we could save costs without sacrificing the quality of the work we’re doing. The collaborative features and the opportunity to shrink the cost of multiple license fees to just one were two compelling reasons to review Figma and eventually propose a plan to migrate our whole design organization to the new tool.”

During an audit of marketing pages, the team at Figma realized they weren’t following their own advice. Over the course of a month, their small team created and organized a robust, adaptable style guide and component library that now lives in their CMS. I loved that part: “…every color has its own branded name, inspired by California, where Figma is based. An earthy green is avocado toast, and an ember yellow is sunset.”

Zapier announced a new set of features for product teams, including native support for Figma Variants.

A tutorial on creating complex interactive buttons in Figma. This is a follow-up to the article How to Make Simple Interactive Buttons in Figma in 2 Steps, which demonstrated a more basic approach.

An overview of tools for converting Adobe Illustrator files to Figma. Based on this test, XD2Sketch works the best and has a comprehensive set of converters between popular design tools (the name is misleading), but their price is steep.

Speaking of Zeplin, this is a pretty good overview of how a digital agency ArcTouch uses it together with Figma.

Warren Tobias describes the whole process of developing a proper design system and replacing Sketch, Abstract, and Flinto with Figma. Interestingly, they continued using Zeplin for the handoff process as their development and engineering team is mostly outsourced.

Two Dropbox employees joined forces to create an internal Figma workshop for all design-adjacent roles in the company. This blog post tells how the project came together and shares their slides as a Community resource.

“If you’ve added a description when publishing changes to your team library, your collaborators will now be able to see your notes as they review the updates.” Also, Figma Organization Admins can now turn templates off for their organization.

Multiple updates in a single release. First, Styles can now be reordered, grouped together, and opened in a floating window. Second, you can add co-creators to your public Community files and plugins. And last, Figma files can be embedded in Asana’s project overview.

When creating a new Figma file, you can now choose from a selection of common presets and Community templates to get started. (I first wrote about templates back in July of 2020, but then it was only a limited trial.)

Figma profile by Index Ventures, with insights from Sho Kuwamoto and Dylan Field.

Dropbox went fully remote last year, and in this post, they discuss changes to the workflow. ​“After migrating their design organization to Figma from Sketch back in 2018, the Dropbox design team had a head start when it came to remote collaboration. The team already had established best practices for virtually every stage of the creation process — brainstorming, wireframing, prototyping, and commenting. […] But once the pandemic hit and the team went fully remote, they needed to do more.”

“At Figma, we believe in continuously investing in product quality and developer productivity by looking at recurring types of bugs and addressing them in a systematic way. A few months ago, our engineering team completed a large effort that achieves both: turning on the strictNullChecks compiler flag for our front-end TypeScript codebase.”

A solid overview of the most popular plugins, tutorials, and resources.