Figma Makeで展示会ブースの3D検証ツールを作ってみた話

はじめに
Sansan事業部でデザイナーをしている ゆずる です。
今回お届けするのは、展示会ブースの検討プロセスを少しでも前に進めたくて、Figma Makeを使って3D検証ツールを試作してみた話。
展示会、ブース設計、BX、Figma Make、生成AIあたりに
少しでも引っかかる方の参考になれば嬉しいです。
なお、この記事は、[Sansan Creators noteリレー]の第15弾です。
他にも、Sansanのクリエイターが執筆した記事がありますので、ぜひそちらもご覧ください。

展示会ブースとは

限られた数メートル四方の空間に、

• サービスやプロダクトの価値・世界観

• 来場者の導線・体験

をすべて詰め込む、
いわば 「立体のプロダクトUI」 みたいなものです。
しかも、

• 数日間しか使われない

• 現地で初めて“体験”が完成する

• やり直しがほぼ効かない

という、かなりシビアな条件で作られます。

そんな展示会ブースの設計は、
平面図、ラフ、イメージパース、言葉での補足……
どれだけ資料を重ねても、

• 実際に立ったときの圧迫感

• 目線の高さで何が見えるか

• 通路からどう見えるか

このあたりは、どうしても 想像力頼り になりがちです。
毎回アナログで模型を制作してましたが工数がかかります。
かといって、本格的な3DツールやCG制作までいくと、

• 担当するデザイナー全員のツールの学習コストが高い

• ちょっとした検証にはオーバースペック

「その間の、ちょうどいい選択肢ないの？」
と思っていました。そこで今回、
Figma Make × 3D で
「展示会ブースを事前に検証できるツール」を試しに作ってみました。
完成CGではなく、体験を確認するためのラフな3D です。

そもそもFigma Makeって何？

Figmaが提供する生成AI機能で、
Figma上で動くプロトタイピング／実験環境 のようなものです。
自然言語（日本語OK）で「こんなアプリが欲しい」と入力するだけで、
インタラクティブなプロトタイプやWebアプリのデザイン、
さらにはコードまでを自動生成してくれるツールです。

展示会ブースを「3Dで検証する」とは？

ここで言う3D検証は、完成イメージCGを作ることではありません。
やりたいのは、

• この高さ、実際どう感じる？

• この壁、視界を遮ってない？

• 通路からロゴ、ちゃんと見える？

といった
来場者の体験を事前に疑似体験すること です。

どうやって作ったか

やり方はシンプルです。
まず、ChatGPTに「やりたいこと」をそのまま伝える
→ Figma Make用のプロンプトを書いてもらう
→ それをベースに制作
という流れ。
仕様はかなりミニマムにしています。

• 壁・柱・床のオブジェクトがぐりぐり動かせること

• 実際の数値（mm）で制作できること

• 壁や柱にデザインを反映したテクスチャを貼れること

目的は「作り込むこと」ではなく、検証できること。

実際に気づいた「失敗」と学び

最初は ChatGPTを挟まずに、
Figma Makeと直接やり取りしていました。

• 「展示会ブースを3Dで作りたい」

• 「壁や柱を動かしたい」

• 「実寸で扱いたい」

と、そのまま要望を投げていた感じです。
結果どうなったかというと、

• 意図と違う構造になる

• 数値の扱いが曖昧

• 動かしたいポイントが噛み合わない

「惜しいけど、毎回微妙に違う」状態が続きました。

そこで途中から、
ChatGPTを“通訳”として挟む ことにしました。

• やりたいこと

• 制約条件

• 期待する操作感

をそのまま伝えて、
Figma Make用のプロンプトに翻訳してもらう。
すると途端に、

• 指示の粒度が揃う

• 意図がブレなくなる

• 修正の往復が激減する

明らかに精度が上がりました。
人の頭の中の「ふわっとした要望」を、
一度AIが 機械に伝わる言葉に変換する。そんな状態なんだと思います。
Figma Makeに直接話すより、
GPTを通訳兼ディレクターとして挟んだほうが、結果的に近道でした。

使ってみて起きた変化

会話が「体験ベース」になる

平面図ベースだと、

• 「ちょっと狭くない？」

• 「目立たなそう」

• 「なんとなく不安」

になりがちですが、
3Dで見ると、

• 「ここに立つと、これが最初に見える」

• 「この高さだと、視界に入らない」

と、体験前提の会話 に変わっていきました。

おわりに：まだまだ、これから

とはいえ、この3D検証ツールは
まだまだ荒削りです。
正直、

• バグもある

• 思った通りに動かないこともある

• 操作も洗練されているとは言えない

という状態。
今後は、

• 操作性の改善

• よく使うブースパターンのテンプレ化

• 検証したい視点（導線・視認性）の拡張

などを少しずつ積み重ねて、
「展示会ブースを考えるための3Dツール」 として
アップデートしていきたいと思っています。
このツールはまだ進化途中です。
また何かアップデートしたら、
続編として書くかもしれません。