Design faster without compromising on craft
Figma Design System & Wireframe Kit
Designed from experience, built for speed
Flexible components
A vast collection of intuitively designed components, featuring extensive variants and overrides.
Token-based
Meticulously named and organised design tokens to enhance your workflow.
Fully responsive
Three responsive breakpoints provide effortless control over grids, spacing, and typography.
Themes (light & dark)
A customisable colour system with built-in light and dark themes.
Auto-layout ready
Save time pushing pixels and let auto-layout assist you in easily creating responsive elements.
Fully customisable
Designed from the ground up to be customised and extended for both UX and UI design.
Built on best practice
Grounded in UX and UI best practices and shaped by decades of hands-on industry experience.
Well documented
Extensive online documentation to help you design effectively and quickly.
Use cases
Designed for UX – and Ready for UI
Responsive
Flexible components
Flexible components, paired with overrides and variants, allow you to quickly adapt them to your needs.
Design with real data
Create realistic designs for e-commerce, travel and hospitality using variables, Google Sheets, and JSON.
Example templates & flows
Example templates and flows provide solid references for your ideation sessions.
Logically structured
Logically named variables, organised into well-structured collections, make Flex Design System easy to learn, customise, and extend.
Well documented
The built-in documentation, companion website and blog help you get up to speed quickly and efficiently.
What's Included
- 189Variables
- 2Themes
- 3Breakpoints
- 12Use Cases
- 34Component Types
- 709Variants
- Accordions
- Alerts
- Avatars
- Badges
- Breadcrumbs
- Buttons
- Cards
- Carousels & Sliders
- Data
- Device Frames
- Dividers
- Documentation
- Features
- Feeds
- Footers
- Galleries
- Heroes
- Icons
- Inputs
- Lists
- Logos
- Modals
- Navigation
- Pagination
- Placeholders
- Presentation Slides
- Progress Bars
- Sidebars
- Sitemaps
- Tables
- Tabs
- Toasts
- Tooltips
- User Flows
Designer 'Hall Of Fame'
Gabor Boszormenyi
This UX Kit is a game-changer for my design process! With its extensive set of components, I was able to produce high-quality wireframes for my clients in no time. The automatic breakpoints save so much effort, ensuring designs are responsive from the start, and the fully tokenised components make customisation seamless and efficient. It’s an excellent tool that truly elevates the quality and speed of my work!
Ian Weir
What sets Flex apart isn’t just the quality of the components- it’s the care and craft behind them. Every aspect feels reassuringly considered and detailed. It covers many sectors and use cases, yet it’s clearly explained with extensive documentation. It’s become the go-to resource for any project.
Rafael Kent
The Flex design system kit is a comprehensive and well-documented resource for quickly creating wireframes and user journeys. Freelancers and in-house designers alike will find it invaluable for meeting client expectations and deadlines. Its robust features and polished aesthetic make it a truly valuable tool.
Start designing better user experiences today
Single License
25% Off/ one-off paymentOriginal price was: £24.99.£16.87Current price is: £16.87.
For individual designers
- Single user
- Use on unlimited projects
- 189 variables
- 2 themes (light & dark)
- 3 breakpoints
- Responsive typography
- 34 component types
- 709 variants
- Fully customisable
- Online documentation
Team License
25% Off/ one-off paymentOriginal price was: £49.99.£33.74Current price is: £33.74.
For small teams
- Limited to 5 users
- Use on unlimited projects
- 189 variables
- 2 themes (light & dark)
- 3 breakpoints
- Responsive typography
- 34 component types
- 709 variants
- Fully customisable
- Online documentation
Unlimited License
25% Off/ one-off paymentOriginal price was: £99.99.£67.49Current price is: £67.49.
For large teams
- Unlimited users
- Use on unlimited projects
- 189 variables
- 2 themes (light & dark)
- 3 breakpoints
- Responsive typography
- 34 component types
- 709 variants
- Fully customisable
- Online documentation
Still got doubts?
Can a beginner use Flex Design System?
Absolutely. Flex Design System was created for both professionals and those learning Figma and UX Design. The online documentation provides a comprehensive explanation of everything you need to get started quickly.
Can Flex DS be used for UI design?
Flex Design System was primarily created to provide UX designers with a comprehensive suite of consistently styled components for producing world-class UX documentation. However, its fully customisable and extensive design also makes it easy for UI designers to use.
Is there a free trial?
Currently, there is no free trial, partly due to the nature of digital downloads and the significant investment of hundreds of hours in creating Flex Design System.
However, you can explore the preview to get a better idea if it is right for you, prior to making a purchase.
Additionally, great care has been taken to provide extensive documentation to help you get up to speed as quickly as possible.
Is there a student discount?
We do not currently offer any student discounts. However, depending on demand, this may change in the future. Thanks for your understanding.
How does the license work?
Fore more information about license please view the detailed overview on the license page.
Are there free updates?
Flex Design System has been designed as a comprehensive starter kit. Due to the small team, there are no immediate plans to release additional components and templates on a frequent basis.
However, we will intermittently update the system to ensure its compatibility with the latest Figma features.
If you purchase Flex Design System, you will receive notifications when updates are released and will have access to download these for one year from the date of purchase.
Do you offer support?
Currently we do not offer technical support. Please refer to the online documentation for more information about how to use Flex Design System.