【徹底議論｜後編】Figmaでデザインシステムはどう変わる？　3社が語る、設計・共有・実装をつなぐ実践知

制作の現場で、広く使われるようになったFigma。特にアプリ・サービス開発を業務の中心に据える事業会社の現場では、その活用が一気に進んでいます。Figmaを導入するメリットはどこにあるのか、Figmaはどう制作業務を変えるのか。

ここではFigmaの活用を積極的に進めているGoodpatchの石井克尚さん、フェンリルの坪内陽佑さん、エイチームホールディングスの綿貫佳祐さんの3人に議論をしていただきました（「Web Designing 2025年8月号」より抜粋）。

＜前編はこちら＞

プロフィール

デザイナーとエンジニアの関係性は？

──次に「デザイナーとエンジニア」というテーマで話を進めたいと思います。FigmaにはDev Modeが用意され、両者の橋渡し役として機能します。同機能によって、デザイナーとエンジニアの関係性は変わりましたか？

綿貫佳祐（以下、綿貫）　これまで両者の間で起きていた「問題」の根本にあったのは、デザイナーがデザインに込めた意図を、エンジニアにうまく伝えられないという点にあったと思っています。

例えばエンジニアは、デザイナーから渡された画像やモックを見ながら、例えば「この余白には意味があるのか、それとも単なるミスなのか」と、その度に悩んでしまっていたわけです。

それがバリアブルやコンポーネントを使うことで、エンジニアにも理解しやすいメッセージを送れるようになりました。

坪内陽佑（以下、坪内）　その点については、弊社のデザイナーの間でも「エンジニアへの説明が段違いにしやすくなった」との声が上がっています。ただ、従来の課題として、デザイナー自身がアプリにおけるUIコンポーネントが果たす役割や、実装時の構造について十分に理解できていない面もあったと思います。

その点Figmaでは、視覚的なコンポーネント作成のプロセスを通じて、実装に近い考え方や構造を自然に意識できる仕組みになっています。これからのデザイナーがFigmaを適切に活用していけば、結果的にエンジニアとのコミュニケーションがよりスムーズになるだろうと感じています。

石井克尚（以下、石井）　Goodpatchでもやはり、デザイナーとエンジニアの関わり方は大きく変わってきました。これまではデザイナーがデザインファイルでエンジニアに伝えて「デザイナーがつくったものをどう再現するか」みたいなところがあったと思います。

私はエンジニアが「これをつくりたい」という感情を持つことが大事だと思っているので、デザイナーが作業している場に、早い段階から参加し、意見したりするようになったことをとてもよいことだと思っています。

もちろん視点も立場も違いますから、意見がぶつかることはあります。ただそれは、良い意味でのぶつかり合いだと思っています。

綿貫　石井さんがおっしゃるように、デザイナーとエンジニアの間に起きていた問題の質がFigmaを使うことで「1段階上がった」のだと思います。これまでエンジニアに「伝わるかどうか」が問題になっていたのが、今はその中身の良し悪しに論点が移っている。これは大きな進歩と言えるのではないでしょうか。

「デザインシステム」がもたらすものとは

──もう一つ、Figmaを活用することで、いわゆる「デザインシステム」を実現しやすくなったことも挙げられると思います。

石井　Figmaにおけるデザインシステムという観点で言うと、我々が注目しているのは、AIと組み合わせた仕組みを構築し、「素早くつくる体制を構築する」という点です。

それによって生まれた時間を、制作のより本質的な部分に注いでいけるような体制になるのでは、と考えています。

坪内　デザインシステムについて語る際には、お客さまの「デザインの内製化」についても合わせて考えていく必要があると思っています。これからの企業にとっては、顧客体験の向上を目指す上で、「デザイン組織」をどうつくるかが重要な課題になっていくでしょう。

それを実現するためのプラットフォームになるのがFigmaだと私は考えています。そうした意味でも、Figmaの重要性は高まっていくのではないでしょうか。

綿貫　今のお二人の話は一歩先の内容でもあるので、私としては「Figma上でまず何をすべきか」という点について言及しておきます。

まずは「コンポーネントライブラリ」の整備と、その活用を進めていくことが大切だと考えています。その上でデザインシステムの領域に踏み込んでいく。ただし、そこはデザインプリンシプルだとか、マインドのアイデンティティといった、深い知見が必要となる領域なので、腰を据えて取り組んでいかないといけないな、と。

──最後になりますが、先日のFigma ConfigではFigmaにおけるAI活用の方向性が示されました。その点も踏まえ、今後のFigma活用についてひとことずつ、お願いします。

石井　Figmaの進化をいつも楽しみにしています。AIが組み込まれていくことでFigmaを活用したワークフローがさらに進化し、コラボレーションの幅が広がることを期待しています。

坪内　Figmaは今後、AIを活用しながらデザインからエンジニアリング、さらにはマーケティングまで“摩擦ゼロ”で進んでいくような環境を構築していくだろうと思います。だからこそデザイナーには、「AIにできないこと」が大切になってくるのではないか、と。例えば問いを生み出す力であったり、その企業にしかない、らしさを表現する力であったり……。

綿貫　それに加えて第六感みたいなものも大事になるのではないでしょうか。AIのロジックを凌駕する飛び抜けた発想を生み出す力……いや、大変な世の中になりそうです。

──今日は皆さん、ありがとうございました！

取材・文 : 小泉森弥　写真 : 秋山枝穂　イラスト：大橋絵里奈（クックドゥードゥードゥー）
※本記事は「Web Designing 2025年8月号」に掲載された内容を一部再構成して公開しています。