Resources

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.

If you’re attending Config 2022 this week, introduce yourself with this year’s name card.

The nomination process for the Community Awards is over, and now it’s time to vote for your favorite plugins and resources before Config on May 10th.

Unwrapping Twitter’s tweet as a Design system component.

Interface Inventory is a key research activity before any design system is started. See also the thread by Jan Toman on why he created this resource.

Recently I’ve shared a few no-code tools for generating code from Figma mockups, but this one is different and works in reverse by generating Figma components and variants from your code and Storybook stories. Nifty idea!

An official Community resource for the popular Automator plugin. Explore automations made by the community and remix them to work best for you.

Fons Mans recreated the latest designs from Apple, Instagram, and Shopify in Figma. Great educational resource.