インド最大級のeコマースプラットフォームであるFlipkartは、広大な製品エコシステム全体でデザインとエンジニアリングを統一するためにFigmaと連携しました。B2CとB2Bの製品ラインにまたがるチームを持つFlipkartは、ホワイトボード、デザイン、プロトタイピングおよび開発者ハンドオフのためのコラボレーションプラットフォームとしてFigmaを採用しました。

導入以来、Figmaは迅速なコマース事業であるFlipkart Minutesの立ち上げにおいてデザインからローンチまでのサイクルを4.5ヶ月から45日に短縮し、部門横断的なパートナーシップを強化し、より一貫したシステム主導のデザインアプローチを可能にしています。

課題: 分散エコシステムでの大規模なデザイン

電子製品やファッション、食料品、家庭用品まで幅広い製品を数百万のユーザーに提供しているFlipkartは、インドで最も認知度の高いeコマースプラットフォームの一つです。急速な成長と、Minutes、Grocery、Travel、Pay など拡大する製品ラインに伴い、同社は直感的で一貫性があり、高品質な体験を顧客に提供することに注力する必要がありました。

この必要性はパンデミックの間にますます重要になり、100名からなるFlipkartのデザインチームはリモートで作業する際にも品質を維持するためのより連携した方法が求められました。

「全員を1つのプラットフォームにまとめる必要がありました。Flipkartの少人数のチームがFigmaを探索し、その利点に気づき、かなり迅速にそれをデザインチーム全体にスケールアップしました」と、Flipkartのデザイン担当VPであるGaurav Mathur氏は述べています。

解決策: 製品ワークフロー全体をつなぐひとつのプラットフォーム

Figma導入前には、Flipkartのデザインチームは複数のツールを扱い、プラットフォーム間でファイルを手動で移動していました。バージョン管理は混乱し、ハンドオフは非効率で、コラボレーションは一貫していませんでした。

Figmaの採用は文化的な変革を示しました: デザイン、製品、エンジニアリングが今、共同プラットフォーム内でリアルタイムにコラボレーションしています。

今では、デザイナーはファイルを開発準備完了としてマークします。エンジニアはDev Modeを使用して仕様や注釈を確認します。プロダクトマネージャーはコンテキスト内でフィードバックを残します。リーダー層も共有リンクを通じてプロトタイプを確認し、多くの場合モバイルでレビューすることで、より迅速な認識合わせと意思決定を可能にしています。

Figmaエンタープライズによるデザインの一貫性の推進

FlipkartはFigmaエンタープライズのワークスペースを使用して、そのビジネス構造を模倣し、チームが摩擦なく適切なファイル、デザインシステム、およびライブラリを見つけやすくしています。この構造はオンボーディングを簡素化し、新しいデザイナーが迅速に成長するのを助けています。

Figmaエンタープライズは、機密作業を損なうことなく、エージェンシーやパートナーとの安全なコラボレーションを確保します。

迅速かつ正確に構築

Flipkartは2つの主要なデザインシステム上で動作しています: 消費者向け製品のためのFlipkart Design Systemと、物流、サプライチェーン、売り手ツールのような企業プラットフォームのためのMURV (Modular, Upgradeable, Reusable, Versatile)です。

サンスクリット語に根ざしたmurv（मुर्व्）は「結ぶ」または「つなげる」を意味します。これは、プラットフォーム間の体験を統一するために設計されたシステムの隠喩です。バリアブルによって駆動されるこの両システムは、異なる縦列のためのカラースキームから11のインド言語のフォント構成まで、ブランドや製品全体でコンポーネントをテーマ化、ローカライズ、スケールをシームレスにします。

デザイナーは一度デザインを作成すれば、テーマを適用し、コンポーネントを再利用することで、驚くほどのスピードで一貫した体験を提供できます。

この基盤のおかげで、Flipkartはクイックコマース事業であるFlipkart Minutesをこれまでにないスピードで立ち上げることができました。

「Figmaで構築されたMURVデザインシステムを活用し、実装時間を推定4.5ヶ月からわずか45日に短縮できました。この効率性が、Flipkart Minutesをエンドユーザー向けに迅速に立ち上げることを可能にしました」とAjith氏は述べています。

サプライチェーンチームでさえ、MURVデザインシステムを活用することで開発期間をほぼ75％短縮し、これはFigmaなしでは考えられなかった飛躍です。

開発者ハンドオフの再考

Dev Modeを活用することで、デザイナーはファイルを「開発準備完了」とマークし、仕様をインラインで注釈できます。一方、開発者はアセットやコンテキストを一箇所で確認できるため、実装がスピードアップし、ハンドオフ時の摩擦が軽減されます。

Flipkartはまたワークフローを自動化する内部Figmaプラグインを開発し、デザイン効率を最大80％向上させました。

FigJamで部門横断のコラボレーションを促進

FigJamは、Flipkartにとって四半期ごとの振り返り、ブレインストーミング、ワークショップの定番プラットフォームにもなっています。

「特に強力な点は、そのアクセスのしやすさです。シンプルさがデザイナー以外の人の参入障壁を取り払い、プロダクト、エンジニアリング、オペレーションなど、誰でも簡単に参加して貢献できるようになります。これにより、デザインプロセスの初期段階から、より多くの声を取り入れることができました」とVarun氏は語ります。

Figma = プロトタイプ

Flipkartでは、Figmaリンクは今や「クリック可能なプロトタイプ」を意味します。デザイナーはデフォルトでインタラクティブなフローを作成し、チーム全体でフィードバックを得るために広く共有します。こうした習慣はコラボレーションの形を変え、より関連性が高く、使いやすく、影響力のある製品を生み出しています。

今後に向けて

Figmaによって強化された堅固なデザイン文化により、Flipkartはインドの競争の激しいeコマース市場で革新を推進しています。将来的には、Flipkartは自動化とデザインからコードへの統合をさらに推進し、すべてのデザイン決定をより速く、スマートに、スケーラブルにすることを目指しています。