[VIP] FlowCar: Carsharing App Ui Kit

Overview

This design system is the single source of truth for building consistent, scalable, and user-friendly experiences across our mobile carsharing app.

It contains all the core foundations — colors, typography, spacing, shadows, components — carefully structured to ensure harmony between design and development.

Use this system to:

• Create new screens faster and with confidence.
• Maintain visual consistency across features and updates.
• Collaborate seamlessly with designers and developers.
• Evolve the product without breaking the user experience.

  
Key Features of the Design System:
Our design system is built to support a fast-moving product team with a scalable, themeable, and developer-friendly UI foundation.

1. Modular Components

Most components use nested instances. Key reusable components are built using variables and auto layout. Each supports multiple states (default, hover, disabled, etc.).

• Built with reusability and flexibility in mind. 
• Includes core UI patterns: buttons, inputs, modals, cards, list items, bottom sheets, and navigation elements. 
• Supports states (default, hover, active, disabled, loading) and variants (sizes, icons, etc.). 
• Follows auto layout and naming conventions for easy overrides and updates. 

2. Light & Dark Theme

• Color variables are structured for seamless theme switching. 
• UI adapts automatically to light or dark environments with minimal effort. 
• Enables theme customization in future brand or B2B versions. 

3. Flexible and Easy to Customize

All components in this design system are built to be easily adaptable to your specific use cases. 

• Using Auto Layout, nested instances, styles and clearly structured variants, you can: 
• Quickly adjust spacing, alignment, and layout behavior. 
• Swap icons, change text, or hide elements without detaching. 
• Create new combinations by reusing base components. 
• Maintain consistency while staying flexible for unique screens or flows. 

This flexibility allows you to move fast, stay on brand, and scale your designs efficiently — without starting from scratch.

How to use:

1. Open the Library Manager and publish the FlowKit to your account; 
2. Press “Add to file”; 
3. Go to the Assets panel and start using the components;

Highlights

• Modular & reusable components
• Light & dark theme support
• Auto layout & variants
• Built for speed & consistency
• Easy to customize for any use case
• Dev-friendly & scalable