Check out the Nucleus 3.0 Update

All-in-one UI kit and design system for Figma

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

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

The perfect starting point for any UI design project.

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.

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

Always growing with continuous free lifetime updates and improvements

Always growing with continuous free lifetime updates and improvements

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

Make your UI design projects more efficient and effective. Save thousands of design hours.

  • 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

  • 800+ unique and premium mobile app screens

  • 1000+ web UI kit components (dashboard, ecommerce, marketing)

  • 300+ Wireframe kit

  • 500+ premium solid and line icons (including other assets like flags and social logos)

  • Dev handoff documentation

  • Design system documentation

  • And much more

We‘ve made this design system high-quality, yet versatile and flexible for any project.

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

  • 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

  • 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

  • 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 UI

Pro VersionPricingChangelogComponents LibraryDocumentation

© 2024. Nucleus UI.
Designed by Thomas Budiman