“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.
New UI Kit from Joey Banks for the latest version of macOS. Like all other kits by Joey, this one is spectacular and incredibly well done.
A nice tip to UI kit maintainers from Jan Toman.
💡 A small usability tip for @figmadesign UI kit maintainers:
— Jan Toman (@HonzaTmn) October 15, 2021
Add the component name to the component description. It's especially useful when the component name is longer than ~10 characters. pic.twitter.com/gawuvNle6X
A simple UI kit updated for the newest version of Bootstrap.
A new absolutely massive UI kit with 10k+ components. Comes with a free version.
Fascinating write-up of converting a massive set of data table components into a unified variant.
Great guest post by David Luhr at Figma’s blog on what it takes to ship a commercial UI kit with over 1,400 components and 10,000 distinct elements, all while keeping quality and usability top of mind. I love the work the Tailwind team is doing, and this is a great look into their process.
A good starting point for creating an input field with a ton of variants.