Random State UI - Design System & UI Kit for Figma

Design faster, scale better, and build beautifully

Random State UI is a modular, high-quality design system for solo designers, startups, product teams and agencies.

Whether you’re designing a new website or product, or scaling an existing one, Random State UI gives you a solid foundation of variables, components, templates and more so you can move fast without sacrificing precision.

What’s in the box?

Foundational elements

• Colours
• Type scale
• Layout grids
• Spacing structure
  

Variables & styles

• Colour modes
• Breakpoints
• Themes
• Spacing
• Typography
• Shadows
• Blurs
• Focus states
  

2100+ components

Crafted, thoughtfully designed components and variants that work across desktop, tablet and mobile layouts.

• Component variants
• Component properties
• Auto Layout
  

Custom icon set
RandomState UI features a bespoke set of 298 hand crafted icons. This number will continue to grow and all new icons will be included in updates of Random State UI.

Sections
160+ ready-made section components and variants. Swap and customise these with ease.

Page templates
14 ready to use page templates for dashboards, landing pages, login, forgot password and sign up pages. Each template has a desktop, tablet and mobile layout.

Grow with us

Random State UI is fully functional and ready to use, but we’re just getting started. By getting in early, you’ll get the complete system at a lower price, with lifetime updates included. That means every new component, refinement, and icon we release is yours, free forever.

Lifetime license

Buy once, use it forever across unlimited personal and commercial projects.

Have questions?

Email hello@randomstateui.com