Optimal UI: The Most Intuitive Components All in One Kit

Do you feel like designing an interface sometimes takes too much time? Are you constantly debating between different design choices and decisions? Many designers run into these issues because they either aren’t using a UI kit, or they’re using the wrong one.

UI kits can cut production time by hours and help you maintain a consistent look across your designs. The big problem with most of them is that their components aren’t optimized for user experience or accessibility. Not only that, but they also offer too many component styles and versions that end up confusing you. You don’t know which component to use, so you spend more time debating than designing.

I created Optimal UI to change all this. It’s the only UI kit for Figma where every component is optimized to perfection. No longer do you have to bother with design bloat and junk. You can have the most intuitive components all in one kit in your choice of light or dark mode.

Buy License

Accessible Out-of-the-Box

There’s no need to adjust the colors of components because they’re already optimized. All text labels and visual cues are legible and clear to normal-visioned and visually impaired users. As a result, every component is readable and usable without sacrificing aesthetic appeal.

Magical Proportions

The components use magical proportions for spacing and sizing that are in harmony with the golden ratio. Multiples of six are used because six is a perfect number where the sum of all its divisors equals the number itself. Any multiple of six divided by two or three will always equal a whole number.

Variants and Auto Layout

Each component has variants that enable you to activate states, icons, and switch sizes or types. Every variant you need is baked into the component and only a click away.

Auto layout is also baked in, enabling you to scale components without breaking the layout. Component frames adapt to their contents so you can add and resize elements without rearranging everything.

Smarter Color Styles

Optimal UI’s color system is different than other UI kits because each color has utility and serves a purpose. You won’t find hundreds of useless color palettes here. Instead, there are thirteen colors for the light and dark mode. The colors are all named by their intended usage so that you know how to use them. The light and dark mode color names mirror each other so that you can easily convert themes without effort.

Free Automatic Updates

Optimal UI will continue to grow and evolve with new components and variants. You’ll get free automatic updates through Figma team libraries. Just review and accept the updates without downloading a thing.

Preview the Components in Figma


Licenses for Individuals and Teams

Standard License ($87)

For the solo designer, developer, freelancer, etc.

Small Team License ($247)

For a small team of up to 6 members.

Big Team License ($477)

For a big team of up to 12 members.

Buy License



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store