Supercharge your design workflow, kick-start your projects faster, and level up your process.
Used by designers working at
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.
Built with developers in mind and ready for production to streamline your process
Always growing with continuous free lifetime updates and improvements
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)
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)
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
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
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!
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.
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!
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!
Pay once, use for unlimited projects, and always growing with continuous free lifetime updates and improvements
$89
Single user
Unlimited projects
Lifetime updates
© 2024. Nucleus UI.
Designed by Thomas Budiman