Figma UI kit — Setproduct Design System

Preview in Figma · Website

Setproduct Design System is a based UI toolkit for the web. Designed and well-organized in Figma. Optimized for building complex data-dense interfaces for desktop and mobile applications. This digital product contains both Figma design files (FIG) and React components (ZIP) which styled and named analogously.

This plan contains Figma design files only. Full Figma & React UI kit →

Highlights:

• 2-in-1 toolkit for design & development. We carefully translated styles and specs from Figma into the React framework to fit with each pixel.
• Open-source. You're free to modify the code and customize Figma library with new styles. It's easy as a finger click.
• 30+ categories of components powered by Figma's auto-layout. Every UI item comes with Active, Onhovered, Clicked and Disabled styles (if necessary)
• Each component is available in two sizes. We've included "Dense" variants for high-density software interfaces.
• 12 Tokens Color System: 6 tints and 6 shades for 9 base colors as Figma styles to toggle your design into the dark mode (coming soon!)
• Variety of styles and colors available for every component: Flat, Outlined, Smooth, Raised, Filled. Whether you are an individual or an Enterprise — you'll find a theme for any GUI case:

More products for Figma ▶