マーケティングチームや顧客エンゲージメントチームは、あらゆる顧客接点でブランドの一貫性を保ちながら、複数のチャネルにまたがるキャンペーンを迅速に展開することを求められています。イスタンブールに拠点を置くInsider Oneは、2,000社以上のエンタープライズブランドに利用されている顧客エンゲージメントプラットフォームです。同社にとって、それはキャンペーンをどのように作成するかを見直すことを意味していました。

従来、チームはInsider Oneのビジュアルエディタ内でテンプレートを利用し、手作業で編集を行っていました。しかし、顧客の期待が高まるにつれて、柔軟性とスピードへの要求も高まっていきました。FigmaのMCPサーバーとの連携により、Insider Oneは新たなワークフローを実現しています。それは、Figmaのデザインファイルを、AIを活用して瞬時に完全に機能するキャンペーンへと変換し、スケール展開にも対応できる仕組みです。

課題: スピードとブランドの一貫性を両立すること

Insider Oneのプラットフォームは、マーケティングチームや顧客エンゲージメントチームが、RCS、メール、プッシュ通知、ゲーミフィケーションなどを通じて、パーソナライズされた体験を作成・配信できるよう設計されています。このワークフローの中核となるのが、チームがコードを書くことなくキャンペーンの設計から配信までを行えるビジュアルエディタです。

このアプローチは強力である一方で、いくつかのトレードオフも伴っていました。多くの顧客は、ブラックフライデーや新年キャンペーンといった事前に用意されたテンプレートを出発点とし、自社ブランドに合わせてカスタマイズしていました。これはスピードの面では効果的でしたが、一方でいくつかの制約も生じていました。テンプレートは創造性を制約する要因となり、またブランドガイドラインに合わせて調整するには、しばしば手作業による対応が必要でした。しっかりとしたデザインシステムを持つチームにとっては、ビジュアルエディタ上でデザインを再現する作業が、重複した作業のように感じられることもありました。

同時に、デザイン部門とマーケティング部門の連携も、必ずしもシームレスとは限りませんでした。デザイナーはFigmaのようなツールで作業を行う一方、マーケターはInsider One上でキャンペーンを実行していました。そのギャップを埋めるには、静的なデザインを実際に動作する体験へと変換する必要があり、その作業は多くの場合、手作業で行われていました。

「当社の顧客は常に、スピードと品質の両立に取り組んでいました。テンプレートは迅速な制作を可能にする一方で、創造性やブランド表現の精度を犠牲にすることも少なくありませんでした。私たちは、手作業を増やすことなく、チームに柔軟性とコントロールの両方を提供できる、より良い方法があるはずだと考えていました」と、Insider OneのシニアプロダクトマネージャーであるGülizar Sarıは語ります。

キャンペーンの展開スピードが加速する中、Insider Oneは新たな可能性を見出しました。それは、顧客がブランド品質やデザインの忠実性を損なうことなく、より迅速に、そしてより自由にデザインできるよう支援することです。

解決策: MCPを活用してFigmaのデザインとキャンペーンをつなぐ

この課題を解決するため、Insider OneはFigmaのMCPサーバーを新たに開発したDesign Agentに統合しました。これは、AIシステムが構造化されたデザインデータを理解し、それに基づいて処理を実行できるようにする仕組みです。

顧客はもはやテンプレートに依存する必要はなく、Figmaのリンクを使用して、自社のデザインを直接Insider Oneへ取り込めるようになりました。

「Design Agentによって、ポップアップの作成プロセスが大幅にスピードアップしました」と、Insider Oneの顧客であるFSCHOOLの広報担当者、Thu Đỗは語ります。「AIは、見た目が優れているだけでなく、実際に意味のあるクリエイティブなアイデアを提案してくれます。また非常に使いやすいため、新しいユーザーでも特につまずくことなく使い始めることができます。さらに、ブランドイメージに沿った自然なアニメーションや演出も生成できるため、私たちはPSLをデザインのカスタマイズだけでなく、ルールのカスタマイズを伴うより高度なユースケースに活用できるようになりました。」

MCPを活用することで、Insider OneのプラットフォームはFigmaファイルを単なるビジュアルとしてではなく、より深く理解できるようになります。テキスト、画像、ボタン、レイアウトといった要素を識別し、デザインの構造そのものを理解します。こうした構造化された理解によって、AIはこれまでにない新しいことを実現できます。それは、デザインを機能するキャンペーンへと自動的に変換することです。

その裏側では、このワークフローによってFigmaのデザインが構造化された機械可読なデータへと変換されています。ユーザーがFigmaのリンクを提供すると、Insider OneはFigmaのMCPサーバーを利用してファイルの詳細な表現データを抽出します。これにより、要素の階層構造、共有スタイル、レイアウトのプロパティなどが取得されます。これには、タイポグラフィやカラーから、余白や配置に至るまで、あらゆる情報が含まれており、それらは単なるピクセル情報ではなく、構造化データとしてマッピングされます。

その後、このデータはサーバー側でさらに処理され、レイアウトやスタイルに関する情報がCSSへと変換されます。同時に、画像アセットはFigmaのAPIを通じて取得されるため、埋め込まれた画像から複雑なベクターグラフィックに至るまで、あらゆる要素を正確に取り込むことができます。AIは制御された手順に沿って動作します。まずすべてのデザインデータを収集し、その後にアウトプットを生成するため、推測に頼る余地はありません。

その結果、元のFigmaファイルに直接対応した、本番環境で利用可能なHTML、CSS、JavaScriptが生成されます。正確なピクセル値からテキストの内容に至るまで、あらゆる要素が忠実に保持されるため、デザインを完全に再現したビジュアル品質を実現できます。デザインは近似的に再現されたり、作り直されたりするのではなく、そのまま変換されるのです。

マーケターにとって、これはキャンペーン制作の出発点そのものを変えるものです。これまではテンプレートから始めていましたが、今後は自社のデザインシステムから始めることができます。Figmaで作成したキャンペーンは、ビジュアルエディタ上で手作業による再構築を行うことなく、そのまま取り込み、調整し、配信まで行えるようになります。

「FigmaのMCPサーバーを当社のワークフローに直接組み込むことで、私たちはもはやチームに対して、すでに存在するものを作り直すことを求める必要がなくなりました。Figmaが出発点となり、当社のプラットフォームがそれらのデザインを瞬時に完全に機能するキャンペーンへと変換します。あらゆるディテールを維持しながら、プロセス上の摩擦を取り除くことができるのです」と、Gülizarは語ります。

AIは、このワークフローにおいて重要な役割を担っています。デザインが接続されると、チームは以下のようなことが可能になります:

• キャンペーンのバリエーションを生成する(例: 季節ごとのバージョンやA/Bテスト)
• レイアウトや構造を維持したまま、メッセージ内容を調整する
• コンテンツのローカライズやパーソナライズを大規模かつ迅速に実施する

ビジュアルエディタは引き続き活用されますが、その役割は再構築ではなく、仕上げへと変わります。

この統合は、3つのレイヤーを効果的に接続します。

• デザイン(Figma): ブランドやレイアウトが定義される層
• AI (MCP経由): デザインを理解し変換する層
• 実行(Insider One): キャンペーンが配信・最適化される層

その結果、デザインとマーケティングの間において、共有されたコンテキストによって支えられた、よりシームレスなワークフローが実現します。

成果: ブランドを維持したまま、より迅速なキャンペーン制作を実現

FigmaのMCPサーバーを統合することで、InsiderOneはテンプレート主導のモデルからデザイン主導のモデルへと移行しました。顧客にとって、その影響は即座に現れます。

キャンペーン制作は大幅に高速化されます。デザインを一から作り直したり、テンプレートを調整したりする代わりに、チームはそのまま本番利用可能なアセットから開始できるようになります。これにより、手作業が削減され、アイデアからローンチまでの時間が短縮されます。

「FigmaのMCPサーバーは、私たちの顧客がアイデアから実行に至るまでのスピードを根本的に変えました。「これまで数時間かかっていた再構築の作業が、今では数分で完了し、キャンペーンも元のデザイン意図に即座に一致するようになっています」と、Insider Oneのマーケティング担当VPであるChristopher Baldwinは語ります。

同時に、ブランドの一貫性も向上します。キャンペーンが元のFigmaデザインに基づいているため、各企業のビジュアルアイデンティティをより正確に反映できるようになります。また、手作業による編集やテンプレートの制約によって生じる不整合のリスクも低減されます。

この統合はコラボレーションも改善します。デザイナーとマーケターが、分断されたワークフローを持つ並行したツールで作業することはもうありません。Figmaは共通の信頼できる唯一の情報源となり、Insider Oneは実行レイヤーとなります。そしてその間はAIによって橋渡しされます。

おそらく最も重要なのは、これによってスケールの新たな可能性が開かれるという点です。デザインの構造をAIが理解することで、チームはキャンペーンの生成やイテレーションをより簡単に行えるようになります。各回ごとにゼロから作り直すことなく、バリエーションのテスト、コンテンツのローカライズ、エクスペリエンスのパーソナライズが可能になります。

かつては手作業とテンプレートに依存していたプロセスが、柔軟でインテリジェントなシステムへと変わります。それはブランドを無理に適応させるのではなく、それぞれのブランドに合わせて適応していくものです。

「これは単なるスピードの問題ではなく、デザインの持つ価値を最大限に引き出すことに関するものです。FigmaのMCPサーバーによって、デザイン、AI、そして実行が完全につながったワークフローを実現し、チームが品質やブランドを妥協することなく、高品質なブランド体験をスケールできるようにしています」と、Christopherは語ります。

MCPを通じてFigmaとInsider Oneをより密接に統合することで、Insider Oneはキャンペーン制作のあり方そのものを再定義しています。チームがより迅速に動き、ブランドの一貫性を維持しながら、デザインの価値を最大限に引き出せるよう支援しています。