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.
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.
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.