Flex

A

Unleash creativity with Flex, offering 5,000+ design components and comprehensive documentations, ideal for developers and designers alike

Scroll

S

DESIGN SYSTEM

W

ART DIRECTION
PRODUCT DESIGN
DEVELOPEMENT
CO-FOUNDER

Y

2023

Detailed view of Flex Design System styleguides, featuring color schemes, font weights, and shadow options for interface design.

/20

Styleguides

M

Flex, co-created with friends, originated from our shared passion to enhance design and development efficiency. As co-founders, we observed a recurring need for reusable components across projects. Our solution was a comprehensive design system in Figma, optimized for a wide range of client styles and needs. This system simplifies maintenance and offers a unified approach to design.

We've included over 200 custom icons, ensuring stylistic consistency and uniqueness. Flex's core lies in its ability to adapt, providing a seamless experience for designers and developers alike.

Comprehensive guide to button designs by Flex Design System, illustrating over 500 customizable web button options.

/30

Buttons

Comprehensive icon set by Flex Design System, categorizing arrows, communication, and other web elements for design use.

/40

Icons set

F

#201233

M

#A25BFF

I

#C79DFF

A

#ECDEFF

B

#F9F5FF

Flex Design System interface showing user account management with dropdowns for settings, notifications, and themes.

/40

Dropdowns

Comprehensive overview of one-line list properties and components from Flex Design System's UI documentation.

/50

Lists and documentation

Variety of UI components including alert messages, avatars, upload boxes, and navigation elements by Flex Design System.

/60

Some components

G

In developing Flex, our goal was to bridge the gap between design, development, and marketing teams. Working closely with developers, we crafted the system to be later integrated into Webflow, creating a cohesive environment for all team members.

We prioritized accessibility, making Flex user-friendly for professionals at all levels, from juniors to seniors, and across various sectors. The detailed documentation guides users step-by-step, aiding in customization and system maintenance. Flex represents a harmonious blend of functionality and creativity, catering to a diverse user base.

Next project