Resources

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.

“Push notifications have been around for over 10 years and come in all shapes and sizes on different devices and operating systems. This is your source of truth for the latest and greatest push anatomy.” See also an accompanying blog post, Design and Anatomy of a Push Notification 2022.

A curated list of automations for Jordan Singer’s popular Automator plugin.

Four templates that may help ease the pain of the design handoff process — a table of contents, detailed specs, mockups, and flow templates.

The biggest Material You UI kit with more than 1,000 components, built to perfectly replicate the real-world, official Material Design Components library for Android 12.