Resources

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.

A good-looking and totally free UI kit.

That’s a really smart idea — browse a library of pre-made UI elements and copy-paste them straight to Figma. Categories make browsing the collections very easy. May be valuable for rapid prototyping at the early stages or for exploring ideas. (Keep in mind it didn’t work for me in Safari, but works perfectly in Chrome.)

Eagle is a fantastic app for taking screenshots and organizing visual references. I was a heavy user of the Ember app a decade ago, but it was discontinued in 2015 and I’ve been looking for a replacement until finding Eagle a couple of years ago. It’s available for multiple platforms as a one-time purchase. A must-have for every designer! (An easter egg: you may find me somewhere on their home page!)

A collection of 500+ free icons across 3 styles by Flowbase.

A cool collection of free stickers for Figma and FigJam.

A great-looking game made entirely in Figma. The creativity of this community never stops surprising me.

Cool kit with thousands of shapes, models, and components for creating math and geometry content. See also another file with their guidelines and a quick tutorial on using the kit.

My first cool thing is a gorgeous editor and knowledge base for Mac and iOS. If you’re familiar with Notion, you’ll feel right at home. I use Craft to prepare Figmalion issues, take notes during meetings, plan family trips, and save and organize highlights from my reading. It’s a native app, so saving things by dragging or using a sharing extension is effortless on all platforms.

This is the craziest thing I’ve seen built in Figma (here is a quick preview, but go try it): ​“With friends & coworkers visit a petting zoo, play hide and seek, race go karts, and more! Interactive Figmaland is a multiplayer interactive world built with FigJam widgets. Objects will animate when a character gets close to them.”

The Figma API documentation website was completely redesigned and updated. Time to start building!

Joey Banks introduced the new version of his iOS 16 UI Kit just a few days after WWDC 2022. Joey’s kits are fantastic resources for making iOS apps and learning about the organization of a large system. This year, he is also offering a paid version that includes exactly the same files, but by purchasing you’ll support the project and receive library updates and video walkthroughs.

Yet another fantastic artwork by Vijay Verma. Make sure to check out the community file and other tweets in this thread with his explanation of the process.

Great set of FigJam templates that the Figma team uses for roadmap reviews, brainstorms, team retrospectives, and product roadmap timelines.

Andrei Iancu shared two more kits with loading animations — see also his really cool Kit 3 with delayed steps.

“Check out our nine Google Fonts pairings and start using them in your design projects. The pairings are hand-picked from Google Fonts catalog and open-sourced for everyone to use.”

Vic, a systems designer working on design systems at Microsoft, wrote a case study on Component Properties with practical examples, some interesting issues and workarounds, and thoughts on why they might be moving away from base components.

A collection of 18 loading animations, built by using a maximum of two steps for each loader.

SystemFlow is a lightweight landing page UI kit with hundreds of components and sections that are easy to use and customize. I wrote about it back in issue 28 almost two years ago, but they’ve just released a major new version and added support for the latest Figma features. If that wasn’t enough, it also has a matching Webflow kit for building your designs.

Joey Banks published a community file with a few Auto Layout resume templates to remix, use, customize, and call your own.