AI時代におけるデザインシステムを再定義する5つのシフト

私たちはクラフトについて多く話します—クラフトとは何か、どうやって磨くか、競争の激しい市場で製品を際立たせるのにどのように役立つか。しかし、これまで以上に迅速にリリースするプレッシャーが増大すると、クラフトは薄れることがあります。Schema 2025でFigmaプロダクトマネージャーのTara Nadellaが言ったように、「方向性なしのスピードは分裂に繋がります。」迅速にリリースするブランドは、短期的には勝利するかもしれませんが、そのスピードはクラフトと品質という製品を際立たせる要素を犠牲にする可能性があります。

デザインシステムは前進への道を提供します。チームの決定、基準、および文脈をまとめ上げることで、デザインシステムはチームがその独自性を保持しながらアイデアをさらに推進するのを助けます。デザインシステムはAIと組み合わせることで、さらに強力になり、AIが実行を加速する中で、一貫性と品質を確実にします。製品開発が進化するにつれ、デザインシステムもそれに伴って進化しており、システム自体も、その構築と維持に携わるチームも進化しています。今日、デザインシステムに見られる5つの変化をご紹介します。

クラフトをスケールアップし、AIによるワークフローパワーを解放する方法の詳細はこちらをご覧ください。

1. ガイドからクラフトの担い手へと進化する

AIは迅速に成果物を生成できますが、基盤がないとその成果物はチームのビジョンから外れがちになり、作業のやり直しが増え、製品の個性を感じさせる微妙なニュアンスが失われます。ここでデザインシステムが不可欠になります。「デザインシステムがあれば、製品の体験の規模が拡大しても、その精神が失われないようにすることができます」とFigmaのプロダクトデザイナー、Wayne Sunは言います。「直感は実体となり、センスは反復可能となります。そしてデザインシステムは単なる一貫性のためのものではなく、創造的アイデンティティの器へと変わります。」

AIと組み合わせることで、デザインシステムはプロセスの終わりでの一貫性チェックのためのリファレンスにとどまらず、クラフトのアクティブな担い手として機能します。これにより、チームのセンスが十分にコードに反映され、AIが開発のあらゆる段階でそれを適用できるようになっています。現在、すべてのコンポーネント、レイアウト、インタラクションに、デザイナーが作品にもたらすものと同じ感性を反映させることができます。その結果、規模を拡大しても人間らしさを損なわない製品が誕生します。

2. 基盤となる探求を可能にする

伝統的に、複数のデザインの方向性を探ることは、各バリエーションを手動で作成することを意味し、チームが現実的に追求できるアイデアの数は限られていました。新しいAI機能 (例えば、プロンプトからアプリを作成するツールであるFigma Makeなど) がこの状況を変えます。強固なデザインシステムと組み合わせると、AI出力は効率的であるだけでなく、使いやすさも備えています。「デザインシステムはAIを活用した探求を地に足のついたものにし、共有コンポーネントを活用して、多くの異なるシステム整合型のオプションを迅速に追求できます」と、Figmaの開発者アドボケート、Jake Albaughが述べています。チームは数十のバリエーションを迅速に生成し、同じシステムコンポーネントから構築されたさまざまなレイアウト、カラートリートメント、コンポーネント配置を試すことができます。

「デザインシステムに基づいて探求を進めると、方向性を選ぶことは実稼働までの道のりが短くなることを意味します。そこからは、洗練させるための練習になります」とJakeは言います。この組み合わせにより、探求がより迅速で有用になります。各方向性が確かな基礎から始まることを知っていれば、チームはより多くの方向性を試すことができます。

3. AI消費のための構築

デザインシステムは通常、組織やブランドに関する理解を持つデザイナーや開発者向けに構築されています。しかし、AIがより多くのデザイン作業を引き受けるにつれて、デザインシステムは製品の製作者のために書かれるものから、AIのためにも書かれるものへと変化しています。「システムに明示的に書かれていなくても、デザイナーが推測すると思われるものは何であれ、AIにとって本当に重要なコンテキストです」とFigmaのプロダクトマネージャー、Zoe Adelmanは言います。「ブランドや事業全体を理解することで多くのデザイナーやデベロッパーが推察できることも、AIは本質的には理解していません。」

このため、デザインシステムの作成方法と構造は変わりつつあります。チームは、トークンやコンポーネントを集めるだけでなく、意思決定の背後にある理由を捉え、品質の事例を文書化し、暗黙のものだった知識を明確にしています。「制作者はこれまで以上に、ドキュメント、コード、デザインの中の空白を埋めることを優先すべきです」とZoeは言います。今日では、コンテキスト、制約、および意思決定基準がデザインシステム全体に織り込まれ、AIがブランドおよび製品基準に合致する出力を生成するためのパラメーターを得ることができるようになっています。

4. ガバナンスへの拡大

ほとんどのデザインシステムチームでは、作業はコンポーネントライブラリの維持が中心となっています。AIがこの状況を変えています。AIツールが製品ワークフローに入ったことで、デザインシステムチームはライブラリの管理を超えて、製品の構築方法のアクティブなガバナンスに移行しています。「私たちのスコープには、伝統的な製品タイトルを持たないビルダーが製品に貢献するために使用するすべてのツールが含まれることになりました」とLinkedInのスタッフデザインエンジニア、Grant Blakeman氏は言います。

デザインルールや制約をAIツールに直接埋め込むことで、チームは事後のレビューではなく作成の段階で出力に影響を与えるようになります。「これは、デザインシステムがプロセスの初期で品質について教育し、それを可能にする機会を与えてくれます」とGrant氏は言います。「私たちは実際にチームとそのツールを、製品プロセスの各段階で前向きに導いています。」

現在、デザインシステムチームは、ガバナンスをデザインプロセスに積極的に取り入れることで、作業が最初からどのように形作られるかを決定できます。「[デザインシステムチームは] LLMが機能するためのガイドレールを提供し、会社全体の人々が製品作りのプロセスに貢献できるようにします。時にはそれを初めて手掛けることもあります」とGrant氏は言います。その結果、デザインシステムチームはこれまで以上に幅広いコントリビューターやツールをサポートし、伝統的な役割の境界線があいまいなものになっています。

5. AIを使ったシステムの維持

AIが進歩するにつれて、その役割はシステムを一貫して最新の状態に保つサポートツールから、積極的なコラボレーターへと変わりつつあります。「私はデザインシステムが製品と共に自動的に進化する世界を想像できます」とFigmaのデザインマネージャーであるMatt Fichtnerは言います。「問題を指摘するだけでなく、あなたのシステムと意図を理解し、どこに更新が必要かを積極的に特定し、その変更をMakeするAIを想像してください。」綴りチェックと同じくらい簡単にベストプラクティスを拡張できます。

システムがリアルタイムで進化し始めると、固定されたコンポーネントの集合体というよりも、チームの働き方に応じて反応する適応生態系のように機能する場合があります。個別のファイルが最新かどうかに焦点を当てる代わりに、チームはシステム全体が最新の決定を反映しているかどうかを考え始めることもあるでしょう。相互接続された環境では、一つの更新がデザイン、製品、エンジニアリングに自動的に波及する可能性があります。

「この新しい世界では、デザインシステムは背景に溶け込み、チームにとって常に存在する目に見えない現実となるでしょう」とMattは言います。「AIコラボレーターはデザインシステムチームのメンバーのように機能し、デザイナーは新しいパターンの定義、新たな課題の解決といった重要事項に専念できるようになり、さらに設定ではなく創造に焦点を当てることができます。」

状況が変わる中、チームはデザインシステムをドキュメントではなく戦略的インフラとして扱うことにより、重要な詳細を妥協することなく、さらに速く動くことができるでしょう。AI時代に適応するためのデザインシステムの調整方法を学ぶために、私たちのeBookをダウンロードしてください。

Explore Software Is Culture, a collection of stories tracing the impact of design on how we think, feel, and connect.