Flipsterは、トレーダーのためにトレーダーによって設計されたグローバルな暗号資産取引プラットフォームです。世界有数のクオンツ運用会社を背景に持つチームによって設立されたプラットフォームは、市場の深い専門知識と、24時間365日稼働する市場に対応する高性能インフラストラクチャを兼ね備えています。

Flipsterは顧客アセットにおいて過去最高の230億ドル超を記録し、世界中の約200の市場で数百万のユーザーにサービスを提供しています。同社は完全リモート体制のグローバルチームで運営され、パーペチュアル、現物市場、利回り商品、Web3機能を含む製品スイートを継続的に拡大しています。

チームが230名を超える規模に拡大するにつれ、Flipsterは出荷速度に対応できるシステムが必要となりました。プラットフォームは、サービスを提供する市場のスピードに合わせて移行します。新機能は毎週リリースし、ホットフィックスは1〜2日以内に展開します。これにより、スタートアップレベルの機敏さを維持しながら、エンタープライズ級の安定性、一貫性、スケールを提供するという、おなじみの課題が生じます。

この課題に対応するため、Flipsterはプロダクトデザインと実行における唯一の信頼できる情報源として、Figma Enterpriseを採用しました。チームは現在、Figmaを中核インフラとして活用し、グローバル規模での迅速な反復をサポートする、統一されたデザインシステムを実現しています。

FlipsterはFigma Enterpriseの可能性をさらに追求し続けています。AI機能の探求、カスタムプラグインの開発、ハンドオフ時間の40%短縮、地域をまたいだローカライゼーションの合理化により、世界規模での運用一貫性の強化を図っています。

課題: 世界で最も移り気で、広範囲に存在する顧客へのサービス提供

暗号資産の世界では、遅延には代償が伴います。市場は止まることなく動き続け、変化は予告なしに起こります。規制の変更、たった 1 件のツイート、あるいは突如の価格変動が、数週間ではなく数時間という短期間での製品判断を迫ることもあります。Flipsterにとって、最新状態を維持するためにはスピードが不可欠なのです。

しかし、同社が頼りにしていたツールでは対応しきれませんでした。デザイナーはSketchやAbstractなどの異なるツールを使用し、エンジニアはスクリーンショットから構築を開始し、QAはスプレッドシートでバグを指摘していました。ドキュメントはGoogle DocsやNotionに分散して存在し、実際のデザインとは切り離されていました。

チームがグローバルに運営を拡大するにつれ、この設定のギャップを無視することが難しくなりました。ファイルは最新ではなくなり、仕様は失われ、会話は時差をまたいで繰り返さなければなりませんでした。同時に、製品の要件はますます複雑になっていました。DOGEのようなトークンは小数点以下4桁単位で取引され、値の表示方法に誤りがあれば混乱を招くだけでなく、ユーザーの信頼を損なう恐れがありました。

最終的に、Flipsterは既存のデザインスタックがチームの規模拡大を妨げていることに気づきました。

ソリューション: Figmaでクロスファンクショナルな効率を50%向上

Flipsterは、同規模のほとんどの企業が検討するより早くFigma Enterpriseを導入しました。チームは、適切な基盤が整ってこそ急速な成長を持続可能にできると理解していました。分散したチームを結集し、意思決定を加速させ、速度を落とさずに継続的な反復を支援できるプラットフォームが必要だったのです。

デザインチームはわずか3週間でFigmaでシステム全体を再構築しました。デザイン主導の取り組みとして始まったものが、すぐに会社全体の構築方法の基盤となりました。

現在、FigmaはFlipsterの製品開発の中核を担っています。14名のデザイナー、6名のプロダクトマネージャー、50名以上のエンジニアが日常的に利用しており、マーケティング、QA、データ、ローカライズ、運用部門も活用しています。

Figma Enterpriseの固定シート料金により、新しいコントリビューターを追加する際にためらわずに済むようになりました。フルエディターアクセスにより、全てのチームが同じファイル内で制約なく作業できるようになりました。

「組織のあらゆる部門からフルアクセスを求める招待が届くようになりました。固定年額のエンタープライズプランのおかげで、誰の要求にも心配せずに応じることができました」と、Christian Park氏は述べています。

効果は即座に現れました。冗長な仕様書は不要となり、QAエンジニアは設計図に直接テストIDを付与し始め、データアナリストはExcelを使用せず、プロダクトチームが作業している同じファイルにクリックログポイントを追加するようになり、グラフィックデザインとプロダクトデザインのアセット管理も、信頼できる唯一の情報源に集約されました。

「プロセスを確立してから、データアナリストとエンジニア間の議論時間が約50％削減されました」と、Flipsterのデザインリードを務めるChristian Park氏は述べています。

ローカライゼーションの効率も大幅に向上しました。Crowdin Figmaプラグインを使用することで、Flipsterはデザインレイヤーから直接翻訳を管理できるようになりました。UX文字列は自動的に調整され、新機能のローカライズ版もグローバル版と同じスケジュールでリリースされます。異なる言語ごとに別々のワークフローが必要だった状況は解消されました。

リーダーシップの連携も大幅に向上しました。Figma導入前は、機能のリリースにあたって、最終デザインを確認するだけで2～3回の会議が必要でした。現在では、ステークホルダーがライブファイルを閲覧し、コメントを残し、非同期で意思決定を行います。リモートワークを基本とする企業において、週次で更新をリリースする場合、このような連携を維持することは困難です。しかしFigma Enterpriseの導入により、Flipsterではこれを標準化することに成功しました。

Dev Modeでハンドオフの摩擦を40%削減

Flipsterのエンジニアにとって、Dev Modeはハンドオフの方法を一変させました。以前は、デザイナーはすべての画面に間隔、サイズ、タイポグラフィの詳細を注釈として付記する必要がありました。各プラットフォームにはその特徴があり、iOSではポイント単位、Androidでは別の単位が使用されるため、値を比較するためだけに並列比較表を作成しなければならないこともよくありました。

「Dev Modeが導入される前は、デザイナーが細かい点をすべて説明しなければなりませんでした。プラットフォーム間の寸法を比較する表を作成することもよくありました」とPark氏は語ります。「今では、開発者が自動的に情報を取得してくれるので、私たちがすべてを指定する必要がなくなりました。おかげで、ハンドオフ時間が40%短縮しました」

週次でリリースを行うチームにとって、このような効率性は人員を増やさずに開発能力を拡大することに相当します。また、プラットフォーム全体でのエラー削減と、初日から迅速なビルドを実現することも意味します。

次なる可能性への挑戦

導入促進と継続的な改善を支援するため、Flipsterは「デザインチャプター」を設立しました。これは各領域ごとに編成されたデザイナーのグループで、新機能のテスト、同僚へのトレーニング、同社のデザイン基準の向上に注力します。

同グループはまた、リモートレビューをよりインタラクティブで即時的なものにするため、カスタムのCursor-Figmaプラグインを開発しました。このプラグインは、Figmaのレイヤー名をCrowdinと同期させることでローカライゼーションを自動化します。これにより、デザイナーがコンポーネントを更新すると、対応する翻訳キーが自動的に更新されます。これにより手動でのラベル付けが不要になり、往復作業が削減され、ローカライゼーションがデザインと同じ速度で進行するようになりました。

FigmaのAIツールも大きな影響をもたらしました。特に日常業務の流れを一変させたのが画像ベースの検索です。開発者やプロダクトマネージャーはスクリーンショットをFigmaにドロップするだけで、数秒で該当する画面を見つけられるようになりました。以前は5分かかっていた作業が1分で済むようになり、この時間短縮が週次リリースサイクルの維持に大きく貢献しています。

信頼が重要な業界において、正確さとガバナンスはスピードと同様に重要です。Figma Enterpriseを活用することで、Flipsterは市場のペースに合わせて製品をリリースしながら、コンプライアンス、ローカライズ、デザインの正確性について、すべてのチーム間で連携を保ち続けています。

「暗号資産の性質上、週次でのリリースが求められます。Figmaこそがそのスピードを実現する手段です。230名のチームでありながら、10倍の規模の企業と同等の機動力と成果を上げられるのは、Figmaがあるからこそです」と、Park氏は述べています。