Nucleus Plus - Figma UI kit and Design system
Nucleus UI contains 1000 components and variants with 500+ mobile screens designed for Figma.

1k+ Components with variants
With Text properties, Nested instances and other latest features
br/>
Light and dark templates via variables are now fully supported
Thoughtful UI kit architecture
Meticulously crafted components, designed with accessibility in mind
Preview mobile templates

Account Setup

Action Options

Add & Invite Friends

Articles

Audio Player

Augmented Reality

Calendar

Camera

Timepickers

Checkout & Order Review

Emails & Messages

Empty State

Event

Feature Info

Feedback

Filter

Flag & Report

Map

News Feed

Note

Permission

Product

Profile & Account

Search

Settings & Preferences

Share

Shop

Signup & Login

Stories

Subscription

Verification

Video or Movie

Walkthrough

Wallet & Balance

Welcome & Get Started
Preview 1000+ Components

Accordion

Action Sheet

Avatar

Badge

Date Picker

Page Control

Button

Checkbox

Chip

Dialog

Divider

Dropdown

List

Pin Input

Progress Indicator

Radio Button

Search Bar

Segmented Control

Skeleton

Snackbar

Stepper

Tab Bar

Tabs

Text Area

Text Field

Toggle

Tooltip

Top Bar

Aspect Ratio

Breadcrumbs

Button Group

Slider
Hire us to custom design & code! Let's build together ✊
FAQs
How to start with this design system?
After the successful purchase via Gumroad (it's safe and encrypted) you will be taken to a download page. You will also get the download link in your email (check the SPAM folder sometimes). Then just simply drag and drop .FIG file onto your Figma app. Do not drop it onto the project. Drop it over the starting screen with recent projects grid.
l am new to Figma. Should I try your kits?
Definitely! Our products help customers who learning Figma from scratch. By exploring and studying commercial UI kits you learn how the components and layouts were crafted, which styles being used and which styling tricks have been applied.
How to import your kits?
Importing .FIG files into Figma: https://help.figma.com/hc/en-us/articles/360041003114-Import-files-to-the-file-browser
Which license type should I choose?
You must select the proper license type according to the number of users in Figma if you're purchasing our product for the business.
Business license — for startups or enterprise organizations to use for a local team or publish in Figma library.
Individual license — for freelancers, indie developers, or solopreneurs working on a single project.
Can I build commercial proiects with your products?
Yes! You can build an unlimited amount of commercial projects using Setproduct assets. But, please, consider a license type before making a purchase.
I have a project. Can I hire you?
We're open-minded to your custom design & development projects. We can create complex templates based on our Figma libraries and code them in the production using a wide variety of popular frameworks and technologies.
If you have a project to design & develop, simply contact us describing your brief, budget, and expectations.
I 💜 Your designs, but can I have a discount?
We provide discounts for those, who scrolled to the bottom and revealed our proposal. Just drop us a message with a short story about how you plan to use our product and we will give you a ✨30% off coupon for the upcoming purchase. Please, provide a specific product name you've put your eye on.

.webp&w=1920&q=75)
.webp&w=1920&q=75)

.webp&w=1920&q=75)
.webp&w=1920&q=75)



.webp&w=1920&q=75)
.webp&w=1920&q=75)

