Topics: UI Kits | Figmalion

“Sign in with” Button

A collection of the most popular “Sign in with” buttons, complete with all the official button variants and a convenient custom button to match your own design system.

Issue #41
Jun 6, 2021
#UI Kits

Sometimes, the right tool for the job is the one you own and know. Figma may not be the best app for publishing an ebook, but this UI kit provides valuable building blocks for creating a good-looking PDF.

Issue #40
May 23, 2021
#UI Kits

Nucleus UI

“Nucleus is a free UI component library that provides you the building blocks you need to design your next mobile app.”

Issue #38
Apr 25, 2021
#UI Kits

Zelda BOTW UI Kit

“In an effort to sharpen my user interface design skills, I challenged myself to build the entire user interface of Zelda: Breath of the Wild.”

Issue #38
Apr 25, 2021
#UI Kits

Behind the scenes of creating the official Figma kit for Tailwind UI

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.

Mobile Chat Kit

UI kits & sample apps for building in-app mobile chat.

Issue #37
Apr 11, 2021
#UI Kits

Crazy Field Builder

A good starting point for creating an input field with a ton of variants.

Issue #30
Jan 4, 2021
#UI Kits

SystemFlow

SystemFlow is a new designer-first, utility framework for Webflow and Figma, with 1000+ CSS classes, pre-built components, layouts, and more.

Issue #28
Nov 29, 2020
#UI Kits
#Webflow

DesignKit

DesignKit by Rafal Tomal is an all-in-one wireframe kit, style guide, and design starter template.

UXToolset

UI kit for creating wireframes, diagrams, prototypes, and handoff documentation.

macOS Classic

The latest and greatest macOS UI kit!

Issue #27
Nov 15, 2020
#UI Kits

Werk UI Kit

110 modern website layouts for a design studio, agency‑, corporate- or freelance websites.

Issue #26
Nov 1, 2020
#UI Kits

Intro to Using UI Kits

A new Figma tutorial from Headway, showing how to use Figma UI Kits to bring design ideas to life faster.

Issue #24
Oct 4, 2020
#UI Kits

Lo-fi Wireframe Kit for Figma

A robust library of over a hundred wireframing components to faster explore more ideas.

Building a Data Visualization UI Kit in Figma

Alex from the Headway team explains how to build a simple data visualization kit in Figma. He also discusses the pros and cons of building a library vs. using a plugin for this kind of work.

Issue #22
Sep 6, 2020
#UI Kits

Material Theming + Android 10

A comprehensive UI Kit containing Material Components and Android 10 system components is designed to be the most faithful recreation of the MDC library for Android.