All-in-one Figma UI kit and design system

From mobile apps to web UI kits, from dashboards and e-commerce to marketing pages, we`ve got it all covered with global standards.

4.8 rated and hundreds sold
nucleus plus

Used by designers working at

who have used nucleus plus
who have used nucleus plus
who have used nucleus plus
who have used nucleus plus
who have used nucleus plus
who have used nucleus plus

Elevating skills and process

Supercharge your design workflow, kick-start your projects faster, and level up your process.

From mobile apps to web UI kits for dashboards, e-commerce, and marketing pages

From mobile apps to web UI kits for dashboards, e-commerce, and marketing pages

Design that blends aesthetics and practicality, making good design accessible to everyone.

Design that blends aesthetics and practicality, making good design accessible to everyone.

Always growing with continuous free lifetime updates and improvements

Always growing with continuous free lifetime updates and improvements

Built with developers in mind and ready for production to streamline your process

Built with developers in mind and ready for production to streamline your process

Customize colors and texts instantly

Nucleus UI comes preconfigured with hundreds of smart setups for colors, typography, effects styles, spacing, and radius variables and style library. Update the entire library in an instant!

  • Available for Global Styles and Variables

  • A practical color system designed with accessibility in mind

  • Light and Dark Mode with variables

  • Typography variables (coming soon)

Customize colors and texts instantlyCustomize colors and texts instantlyCustomize colors and texts instantly
 A vast, smart component library A vast, smart component library A vast, smart component library

A vast, smart component library

Each component is meticulously crafted by leveraging the latest features in Figma, such as variants, properties and nested instances, while incorporating accessibility standards. Seamlessly swap between variants in just seconds.

  • Variants for components with different types, states, and sizes.

  • Properties offer quick and intuitive customization of components during design.

  • Nested instances are exposed for easy customization of elements within larger, more complex components.

  • Interactive components for prototyping (coming soon)

Responsive Design with auto layout and constraint

Components use Auto Layout to adapt seamlessly as their content changes, ensuring designs look great on any device or screen size.

  • Auto Layout (Ready) is applied to components for effortless resizing

  • Auto Layout Wrap for dynamic vertical and horizontal growth

  • Grid and Layout styles cater to every breakpoint and resizing behavior

  • 4pt grid system

Auto LayoutAuto LayoutAuto Layout

Hundreds of practical and useful page examples
Never recreate the same things.

all pagesall pages

All features

  • 1000+ components & variants

  • Text properties, nested instances

  • Variables (colors, radius) & global styles

  • Light and dark modes via variables

  • Built with auto layout, constraints

  • 4pt base spacing unit

  • 700+ unique & premium mobile app screens

  • 100+ Web Admin UI Kit

  • 100+ Web Ecommerce UI Kit

  • 300+ Wireframe kit

  • 30+ Chart kit

  • 500+ icons (Solid style is coming soon)

  • Dev handoff documentation

  • Design system documentation

  • And much more

Who this UI Kit & designs system is designed for

Students

For learners at all skill levels looking to master Figma and its newest features.

As a student, using Nucleus for my final project was incredible. It helped me learn industry standards and made my work look professional. The UI kit and design system were easy to use and really elevated my project. I feel much more prepared for the industry now!

Designers

Ideal for solo designers or contractors needing to work quickly and efficiently.

They have helped me not just work faster but master the craft and deliver the utmost value to my clients and teams. Their dedication to craft, continuous progress / updating their products, and customer support is priceless.

Startups

Perfect for startups that need to operate quickly and efficiently.

This UI kit and design system has been a game-changer for our startup. It`s super easy to use and lets us prototype ideas quickly. We couldn`t be happier with how much it`s helped streamline our design process!

Agency

Perfect for agencies requiring a jump start with clients to deliver value quickly without compromising quality.

We`ve found this UI Kit and design system incredibly versatile, perfectly catering to a wide range of client projects. From a rich library of icons to comprehensive screen layouts, it provides everything we need to deliver high-quality work seamlessly!

Clear and straightforward pricing

Pay once, use for unlimited projects, and always growing with continuous free lifetime updates and improvements

Single user

A single license for solo designers, developers, and freelancers.

$89

equivalent to $7.41/month for a year

  • Single user

  • Unlimited projects

  • Lifetime updates

Single user + 9 UI Kits

A single license with an additional 9 UI Kits (350 patterns) for various industries.

$119

equivalent to $9.91/month for a year

  • Single user

  • Unlimited projects

  • Lifetime updates

  • Unlock 9 UI theme kit (350+ screens)

Team + 9 UI Kits

Unlimited users. Perfect for design teams, agencies, and startups.

$239

equivalent to $19.91/month for a year

  • Unlimited users

  • Unlimited projects

  • Lifetime updates

  • Unlock 9 UI theme kit (+350 screens)

Nucleus Lite

Explore our free version of Nucleus UI, which includes essential styles and components.

Frequently asked questions

Nucleus Logo

Nucleus Plus

ProductPricingChangelogComponents LibraryDocumentation

© 2024. Nucleus UI.
Designed by Thomas Budiman