How FinFlow reduced design debt by 70% in 3 months
The insurtech giant unified their fragmented design system and accelerated feature releases across four squads using Modly.
FinFlow: Modernizing insurance at scale
FinFlow is a rapidly growing insurtech platform serving over 2 million users. With a team of 120 engineers spanning Product, Design, and Engineering, they handle complex policy management, claims processing, and real-time risk assessment.
The Product Context
Before adopting Modly, FinFlow relied on a legacy React component library maintained by a single senior developer. As the company scaled, the library became a bottleneck. New features were delayed because developers had to manually re-implement basic UI patterns or wait for the maintainer to fix critical bugs.
The design team used Figma for prototyping, but the gap between Figma and code was wide. Tokens were inconsistent, leading to a disjointed user experience across the web app and mobile SDK.
Team Structure
FinFlow operates on four squads: Core Platform, Claims, Policy, and Mobile. Each squad had its own copy of component libraries, leading to a "copy-paste" culture that introduced bugs and design inconsistencies.
Design debt was slowing down innovation
FinFlow's legacy architecture meant that changing a single button style required updates across four different repos. The team spent an estimated 30% of their engineering hours on maintenance rather than new features.
Fragmented Token System
Four squads used different color palettes, spacing scales, and typography settings. A "primary blue" in the web app might be a completely different shade in the mobile app.
Slow Release Cycle
Releasing a design update took 3-4 weeks due to manual code updates and testing in isolated silos. The team was effectively "reacting" to user feedback rather than proactively iterating.
Documentation Gap
Documentation was out of sync with the code. Developers often had to look at Figma or ask designers directly to understand how to use a specific component.
Vendor Lock-in
Custom React components were tightly coupled to their internal framework, making it difficult to share modules across the organization.
Implementing Modly for unified design systems
FinFlow adopted Modly as their central source of truth, replacing their fragmented library with a composable module registry.
Module Migration
Using Modly's CLI, FinFlow imported their existing React components into a centralized registry. They organized 140+ components into logical modules (e.g., "Form Elements", "Data Display").
Token Unification
They connected their Figma design files to Modly. All tokens (colors, spacing, typography) were automatically synced to a single design token file, ensuring 100% parity between design and code.
Storybook Publishing
Modly's auto-generated documentation replaced their stale README files. Each module now has a live preview, prop types, and usage examples, instantly accessible to the whole team.
Measurable impact across the organization
Development time saved on UI maintenance
Squad deployment frequency increased
Pixel-perfect match between Figma and production
"Modly turned our design system from a burden into a competitive advantage."
"We used to argue about button styles for two hours every sprint. Now, we define it once in Modly, and it just works. The reduction in friction has been incredible. Weβre shipping features that users actually love, not just features that are technically possible."
From chaos to control in 12 weeks
Audit & Discovery
FinFlow audited their existing components and mapped them to Modly modules. They identified the top 20 critical components for immediate migration.
Migration & Unification
The core platform squad migrated 140 components to Modly and unified token definitions. Figma plugins were installed across all squads.
Storybook Integration
Teams connected their CI/CD pipelines to Modly. Documentation and previews were auto-published on every merge to main.
Scale & Optimize
Mobile and Claims squads onboarded. The team rolled out a new design language for their 2024 roadmap, fully supported by Modly.
Similar case studies from industry leaders
Build smarter modules.
Ship faster products.
Join 2,400+ teams who stopped arguing about components and started shipping. No credit card. No lock-in.