A highly customizable component library of onboarding and activation components. “This template takes the most commonly used onboarding patterns in modern software products (checklists, cards, etc) and makes them super easy to customize for your next feature launch or app refresh.”
A useful freebie from Luis Ouriach — 360 badges, pills, and tags in the full-color palette range.
NewsKit is the design system of News UK and is designed for helping build experiences across web products. It includes a Web Component Library and supporting themes. Check out the full website as well.
All-in-one free and open-source wireframe kit for quickly designing and prototyping ideas by Vijay Verma. The library contains more than 250+ components supporting dark mode and 150+ ready-to-use mobile screens.
Joey Banks is back with this year’s iPadOS 16 UI Kit for Figma! “This file contains hundreds of components, templates, demos, and everything else needed to help you start designing for iPadOS. Each component uses the latest version of Auto Layout, supports Component Properties, variants, Light and Dark Mode, and much more.”
A ready-to-use web UI kit with predefined components and a few page libraries by Vijay Verma.
The folks at Flowbite open-sourced their collection of Figma components based on the Flowbite Design System featuring variants, Auto Layout, dark mode, examples, style guide, and seamless integration with Tailwind CSS.
Carbon is IBM’s open-source design system for products and digital experiences. The Carbon kit for Figma contains all resources you need to get started.
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.)
Nice overview of five high-quality UI kits.
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.
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.
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.
“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.
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.
Really cool project by Michael Feeney. He started by analyzing Mac OS 9 design and building a UI kit for it, then imagined how some popular modern apps would look back in the day.
“We created this UI Kit to help you design and build mobile screens in dark mode. Components and layers were created with versatility in mind and can be edited to fit your needs. All the colors meet WCAG (Web Content Accessibility Guidelines) when used in the recommended way.”
Femke shares some of her favorite educational resources, UI kits, and design systems for Figma.
The Material 3 Design Kit provides a comprehensive introduction to the design system, with styles and components to help you get started.