Figma in Japan. Commons. DesignOps.
App Updates
New ways to search and browse the Figma Community
The fresh look of the Figma Community with improved search and a new browsing experience makes it easier to discover and differentiate between categories like product (Figma or FigJam), use cases (like design systems), and resources (widgets or plugins).
Updates to workspaces
A few navigational improvements (e.g. the addition of breadcrumbs and a new page layout) were released on all plans along with updates to workspaces available only on the Enterprise plan.
Figma and FigJam in Japanese
In May, Dylan Field announced that Figma incorporated in Japan, set up an office in Tokyo, and started working on localizing Figma into Japanese. Last week, they launched a fully localized product interface, website, and in-region support for Japanese users.
What’s New
Commons
Commons is a new two-day virtual conference by Figma for the education community.
Using Figma
The UX writer’s guide to Figma
Ryan Reid, UX Writer at Figma, created a guide and a community file to help other UX writers learn how to use Figma.
Designing curved carousels
Zander Whitehurst shows how to create a cool interactive carousel in Figma. See also his quick video “Wireframe to Landing page” where he uses that carousel in a landing page design.
Moving the selection
Miggi with a mind-blowing trick for selecting items inside of the tight spots.
Preserving the color of a swapped icon
Rogie comes to the rescue and explains how to preserve a fill color when icons are overridden and swapped. It’s worth keeping a layer name consistent across icons in the library if you plan to use them in different colors.
How to quickly make regression tests for your Figma libraries
Sean Rice shows how he does regression tests in GoDaddy’s Figma libraries.
In the File: The case for DesignOps — how to identify when you need it
A new three-part video series with DesignOps Assembly to dive into what DesignOps is, the signs to further invest in it, and insider knowledge on how to effectively scale the practice. In this first session, Taylor Oliva, Head of DesignOps at Instacart, and Adam Fry-Pierce, Head of DesignOps at Docusign, dive into how to determine when your company needs to build out DesignOps.
Building blocks: Polishing your components to publishing a V1
“In this stream, Figma Designer Advocate Chad Bergman and Product Manager Jacob Miller share how to apply polish to your components and publishing a v1 of your library.”
Office Hours: Building your first widget
“In this livestream, Designer Advocate Clara Ujiie and Developer Advocate Jake Albaugh walk through how to use the widget code generator to design and build your own widget for Figma. You’ll also learn about how to use widgets to boost collaboration, manage your work, and level-up designs.”
Resources
USWDS Colors
USWDS is an open-source design system for building accessible and mobile-friendly government websites. There is no official support for Figma yet, so Patrick Morgan added the color library to the Community and explained why he settled on this design system for his projects.
Tabler Icons
A great set with over 2,150 free and open-source icons.
Sprig
Sprig makes it easy to conduct high-impact research with your users throughout the entire product lifecycle. You can easily run concept and usability testing on one or many Figma prototypes within the same Sprig study.
Lingo
Lingo provides an easy-to-use visual hub for your Figma assets.
Cool Thing
Raycast
I’ve been using Alfred since v1, but lately been trying Raycast as another fast and extendable launcher. So far it feels more modern and polished. Extensions make it really powerful and there are tons of them made by the community. Figma File Search lets you quickly find and navigate to Figma files in your team account.