The All-in-one Figma Design System and UI Kit
Supercharge your design workflow with high-quality Figma UI component library, UI kit and templates
Used by designers working at
The perfect starting point for any UI design project
Versatile UI design templates
From mobile apps to web UI kits for dashboards, e-commerce, and marketing pages
Aesthetic and practical design
Making good design accessible to everyone
Developer-friendly
Built with production in mind to streamline your process
Continuous updates
Free lifetime improvements to keep your UI design patterns current
Customize styles 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!
Tweak your design system-wide in seconds with global styles or variables
A practical color system designed with accessibility in mind
Built-in variables make switching between light and dark mode easy.
Easily manage font styles across your entire design with typography variables.
A Vast, smart component library
We've put a lot of work into our components to make them flexible and easy to use. We've used the latest Figma features to build these components, and we've made sure they're accessible too.
Variants for different types, states, and sizes of components.
Component properties that let you customize components quickly while you're designing
Nested instances for easy customization of elements within larger, more complex components.
Interactive components for prototyping (coming soon)
Responsive design and auto layout
Our components use Auto Layout, so they adjust to fit different screen sizes.
Components and templates are prepped for Auto Layout, allowing for effortless resizing and adaptation to content changes.
Auto Layout Wrap enables components to expand dynamically in both vertical and horizontal directions.
Grid and Layout styles cater to every breakpoint and resizing behavior
4pt grid system for pixel-perfect layouts and consistent spacing across your designs.
What designers say about Nucleus UI
Continuous updates
Great UI kit and super awesome with the continuous updates!! Hoping for more mobile patterns and kits in future updates. Keep up the good work 🙏
Troels Nielsen
Helped me master the craft
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.
Kyleen Lontoc
Well spent!
It is definitely $100 well spent on the UI Kit and Design System I have found so far!
Thomas Mason
Clear and straightforward pricing
Pay once, use for unlimited projects, and always growing with continuous free lifetime updates and improvements
Nucleus Lite: Free Figma UI Kit
Try our free version of Nucleus UI, with basic components and limited pages and kit.
$0
You will be redirected to Gumroad
Basic components and limited pages
50+ mobile app screens
30+ web UI pages
100+ line icons
Trusted by hundreds of designers, developers, and startup founders, with a 4.9 rating on Gumroad.
Frequently asked questions
