CARS24, führende Auto-Tech-Plattform, hat über den Kauf/Verkauf von Autos hinaus und in über acht neue Geschäftsbereiche in verschiedene Regionen expandiert. Um konsistente, qualitativ hochwertige Erlebnisse in großem Maßstab zu liefern, wandten sie sich an Figma als ihre einzige Plattform für Design, Prototyping, Entwicklerübergabe und Zusammenarbeit.

Dieser Wandel hat das Design von einer Funktion in einen operationellen Vermögenswert transformiert – Geschwindigkeit, Struktur und Einsparungen im gesamten Unternehmen vorantreibend. Innerhalb eines Jahres startete CARS24 ein skalierbares Designsystem, beschleunigte Produktveröffentlichungen und reduzierte die Entwicklungskosten um fast 30 %. Frontend-Teams berichten von einer Produktivitätssteigerung in Höhe von 20 %, und mit Design System V2 und Code Connect zielt das Unternehmen im kommenden Jahr auf eine zusätzliche Kostenreduktion von 15 bis 20 % ab.

Die Herausforderung: Skalierung des Designs in einem schnell wachsenden Ökosystem

CARS24 ist ein wegweisendes Auto-Tech-Unternehmen, das in Indien, den VAE und Australien tätig ist und eine vollständige Palette von Fahrzeugbesitz-Dienstleistungen anbietet. Mit über 50 eigenen Filialen und mehr als 150 Franchise-Geschäften in Indien sowie über 12 Geschäftsfeldern ist ihre Produktlandschaft genauso komplex wie umfassend.

Als das Unternehmen expandierte, wurde der Design- und Entwicklungsprozess zunehmend zersplitterter. Teams arbeiteten isoliert und es kam häufig zu Fehlabstimmungen zwischen Design-, Produkt- und Marketingteams.

„Vor Figma hatte jeder seine eigene Art, Dinge zu tun – seine eigenen Dashboards, Abläufe und sogar Anmeldungen. Wir mussten alles zusammenbringen, um einheitliche Erlebnisse zu schaffen“, sagte Akshit Malhotra, AVP of Design bei CARS24.

Zentralisierung mit Lego: CARS24s tokenisiertes Designsystem

Um Konsistenz über mehr als 20 Geschäftsbereiche zu schaffen, entwickelte CARS24 Lego, ein internes, tokenisiertes Designsystem, das vollständig auf Figma gehostet ist. Lego führte eine gemeinsame visuelle Sprache und Muster über die Teams hinweg ein, während es die Flexibilität für unterschiedliche Marken- und Produktbedürfnisse bewahrte. Das Team fügte thematische Varianten zum Kernsystem hinzu, um Anwendungsfälle wie CFSPL (CARS24 Financial Services Private Limited, ihre NBFC-Tochtergesellschaft), CARS24 Orbit (ein Fahrzeugverwaltungssystem zur Optimierung verschiedener Aspekte des Fahrzeugbesitzes) und CARS24 New Cars (eine digitale Plattform, die eine einheitliche und transparente Möglichkeit bietet, brandneue Fahrzeuge zu kaufen) zu bedienen.

Derzeit beschäftigt Lego über 70 Designer*innen und 120 Entwickler*innen bei CARS24. Es entwickelt sich nun zum Design System V2, das auf einem hellen/dunklen Modell für breitere Anpassungsfähigkeit und noch einfachere Wartung basiert.

Entwicklung der Autonomie von Entwickler*innen mit Dev Mode und Code Connect

Figma Dev Mode führte ein neues Maß an Sichtbarkeit und Struktur in den Übergabeprozess ein. Wo Entwickler früher auf Slack-Threads oder Bildschirmaufnahmen für Klarstellungen angewiesen waren, inspizieren sie jetzt produktionsreife Designs in Figma – und greifen nahtlos auf Tokens, Stile und Spezifikationen zu.

Entscheidend ist, dass der disziplinierte Umgang des Teams mit Tokenisierung als Qualitätsschranke fungiert. Token sind zur Standardwährung zwischen Design und Entwicklung mit einer gemeinsamen Erwartung geworden. „Wenn es nicht tokenisiert ist, geht es zurück zum Design. Das ist jetzt das Niveau der Verantwortlichkeit. Selbst unsere Entwickler*innen haben diese Token in ihren Code integriert“, sagte Aniket Pandey, Design System Lead bei CARS24.

CARS24 hat auch damit begonnen, Code Connect und Figma Make im Rahmen seiner Umstellung auf designorientiertes Prototyping einzuführen. Designer*innen erstellen nun realistische, interaktive Abläufe, die simulieren, wie Benutzer*innen tatsächlich mit dem Produkt interagieren werden, was Entwickler*innen ein klareres Verständnis von Logik, Verhalten und Absicht gibt, bevor eine einzige Codezeile geschrieben wird. Infolgedessen verbringen Teams weniger Zeit damit, über vage Anforderungen zu diskutieren, und mehr Zeit damit, reale Erfahrungen zu verfeinern, was zu schnelleren Iterationen, reduzierten QA-Zyklen und weniger Überraschungen während der Implementierung führt.

FigJam: Von strategischer Umbenennung zu alltäglichen Ritualen

Während des Marken-Refreshs von CARS24 ermöglichte FigJam die Abstimmung zwischen Mitgründer*innen, mehreren Agenturpartnern und funktionalen Teams über verschiedene geografische Regionen hinweg. Von frühen Stimmungsboards bis zur Neugestaltung von über 150 Filialen entfaltete sich der gesamte Marken-Refresh in FigJam.

Es treibt auch alltägliche Arbeitsabläufe an, wie zum Beispiel die wöchentlichen Product Hour Meetings, bei denen Teams Anrufaufzeichnungen analysieren, CX-Einblicke erfassen und sie direkt in die Roadmap integrieren. Ein solcher Einblick – eine einfache Anfrage mit einem Rückrufknopf auf der Fahrzeugdetailseite – führte zu einer UI-Änderung, die die Konversion um 12 % verbesserte.

Aufbau einer funktionsübergreifenden Kultur

Figma wird nun aktiv von PMs, Forscher*innen, SEO-Spezialist*innen, Entwickler*innen, Motion-Designer*innen, Content-Autor*innen und sogar Geschäftsbeteiligten genutzt, zusätzlich zum Kern-Designteam bei CARS24. Was diese Praxis auszeichnet, ist nicht nur der Zugang, sondern die Sprachgewandtheit. Neue Mitarbeiter*innen werden früh in Figma eingearbeitet, und Nicht-Design-Teams werden ermutigt, kontextbezogenes Feedback zu geben oder auf bestehenden Komponenten für schnelle Experimente aufzubauen. Selbst der CEO engagiert sich aktiv mit Design-Dateien, wobei diese funktionsübergreifende Kulturverschiebung in schärferem Feedback und schnellerer Abstimmung resultiert.

KI, Plugins und der Weg nach vorne

Mit Blick auf die Zukunft erkundet CARS24, wie KI und Automatisierung Arbeitsabläufe beschleunigen können, von der automatischen Generierung von Themen und der Unterstützung automatisierter Prototypen bis hin zur Ermöglichung von Marketing-Teams, eigenständig Kampagnen-Assets zu bedienen. Sie integrieren auch Figma mit Cursor, um das Layout-Design und die Komponenteniteration zu beschleunigen, während sie mit neuen MCP-APIs experimentieren, um Geschwindigkeit zu erhöhen, ohne die Qualität zu opfern.

Das langfristige Ziel ist volle Design-Selbstständigkeit: Teams, die in der Lage sind, neue Seiten, Kampagnen und Experimente ohne Frontend-Engpässe bereitzustellen. Mit Figma, das seine Arbeitsabläufe antreibt, ist Design nicht länger eine unterstützende Funktion, sondern ein Treiber für Geschwindigkeit, Einsparungen und Skalierung im gesamten Unternehmen.