Case Study: Razorpay boosts design system adoption and design-to-dev collaboration with Figma

Razorpay boosts design system productivity 80% with Figma

Razorpay, one of India's largest financial services companies, faced challenges in design-to-development collaboration and in driving adoption for its internal Blade design system. This led to inconsistent user interfaces, repetitive work, and a poor handoff experience between designers and developers. To solve this, the company turned to vendor Figma and its Dev Mode and variables features.

Using Figma, Razorpay's team built private plugins like RazorSharp for code generation and Blade Coverage to track design system usage. The implementation of Dev Mode eliminated previous inspection inefficiencies for developers and streamlined workflows. As a result, Figma helped Razorpay boost design system adoption and productivity, with 80% of surveyed designers and developers reporting they felt more productive when using Blade.

Razorpay