Knapsackの創業者兼CEO、クリス・ストラール氏 – インタビューシリーズ

クリス・ストラール Knapsackの共同創業者兼CEO。デザイン、エンジニアリング、プロダクトの各チームを共通の真実のシステムに基づいて連携させることで、現代のデジタル製品の構築方法を変革することに注力しています。デザインシステムとフロントエンド開発を専門とする彼は、 デザインシステムポッドキャストでは、組織がどのようにデザインを拡大し、コラボレーションを改善し、デジタル制作を近代化するかについて探ります。

ナップザック Knapsackは、デザイン資産、コード、コンテンツ、ドキュメントをリアルタイムに連携させ、ライブ・レコード・システムとして機能するエンタープライズ・デザインシステムおよびデジタル制作プラットフォームです。このプラットフォームにより、チームは再利用可能な本番環境対応のコンポーネントを構築・管理し、デザイントークンを管理し、複雑なデジタルエコシステム全体で一貫性を維持できます。Knapsackは、デザインとUIデータをスケーラブルかつAI対応の方法で構造化することで、大規模組織のデリバリーを加速し、重複を削減し、チームやチャネル全体でブランドと製品の整合性を確保します。

Knapsackは、Basaltで大企業向けのデザインシステム構築に長年携わった後に誕生しました。デザインファイル、エンジニアリングワークフロー、そして出荷されたコードの間で繰り返される摩擦を無視できなくなっていたのです。このパターンが明確になり、専用プラットフォームを立ち上げるだけの正当性を得たのはいつだったのでしょうか？

Basaltでは数え切れないほどのデザインシステムを構築してきましたが、そのパターンは明白でした。デザインファイル、エンジニアリングワークフロー、そして出荷されたコードがすべて別々の世界に存在していたのです。その結果、劇的な失敗は一度きりではなく、何千回も繰り返される損失が発生しました。ボタンのサイズが不適切だったり、動作に一貫性がなかったり、プロパティ間でスタイルがずれたりして、チームは何ヶ月も手直しを強いられました。これらの問題は、同期プラグの改善やドキュメントの整備だけでは解決できないことが分かったとき、私たちはこれが深刻な問題だと悟りました。デザイン、コード、そしてブランドルールを統括する、単一の信頼できる記録システムが必要だったのです。この認識から、専用のプラットフォームが必要であることが明らかになりました。

代理店やコンサルティング業務からプロダクトカンパニーの立ち上げへと移行したことで、既存のデザインシステムツールやワークフロープラットフォームでは解決できなかった、より深刻な問題が明らかになりました。Knapsackの初期のアーキテクチャと方向性を形作った根本的なギャップとは何だったのでしょうか？

代理店業務から製品開発へと移行した際、核となる部分が欠如していることが明らかになりました。コンポーネント、制約、そしてデザイナーとエンジニアの相乗効果を捉える、信頼性の高い機械可読なシステムが存在しないのです。既存のツールはファイルや独立したリポジトリに重点を置いており、コンポーネント、テーマ設定、使用ルール、コンプライアンスメタデータなど、製品の真の状態を生き生きと表現するものではありませんでした。私たちは、コンポーネントファーストでバージョン管理され、インストルメンテーションが可能で、設計ツールとコードベースの両方と統合可能な、標準的な記録システムを中心にKnapsackを構築しました。この結論が、私たちの取り込みモデルとリンクレイヤーを形作り、最終的にインテリジェントプロダクトエンジンへとつながりました。

「キャンバス時代」は、コードで繋がれた生きたシステムへと移行しつつあります。この変化をどのように定義しますか？また、製品開発が静的なファイルから継続的に更新されるシステムに移行すると、チームにはどのような変化が起こりますか？

キャンバス時代では、UXは静的な成果物、通常はチーム間で受け渡されるファイルとして扱われていました。新しい時代は、実際の実装を反映する、継続的に更新される実行可能なシステムによって推進されます。チームにとって、これは大きな変化です。どのファイルやブランチが真実のソースであるかを議論するのではなく、コンポーネント、トークン、アクセシビリティ制約、そしてプロダクション環境の動作の現在の状態を公開する共有システムに基づいて作業します。これにより曖昧さが軽減され、自動検証が可能になり、近似値ではなく実際のコンポーネントに基づいて使いやすいUIを生成するエージェント型ワークフローがサポートされます。

エージェントが生成したUIは、実際のコンポーネント、ルール、制約を反映した記録システムがなければ、しばしば失敗します。AIがエンタープライズ対応のインターフェースを生成するために、このアンカーレイヤーが不可欠なのはなぜでしょうか？

AIはレイアウトやコピーを合成できますが、エンタープライズ対応のインターフェースを生成するには、信頼できる語彙が必要です。具体的なコンポーネント、プロパティ、制約、トークン、使用ルールを含むアンカーレイヤーは、AIが遵守すべき境界を与えます。アンカーレイヤーがなければ、エージェントはスタイルを錯覚したり、アクセシビリティ要件を無視したり、エンジニアリングチームが実際に提供するものとは一致しないコードを生成したりする可能性があります。実際のコンポーネントグラフとルールセットがあれば、エージェントは実装可能で、準拠し、ブランド標準と整合性のある出力を生成します。これが、見た目の良いモックアップと、実際に展開可能なインターフェースの違いです。

インテリジェント プロダクト エンジンの開発において、デザイン資産、コード、ブランド ルール、コンプライアンス要件、UX パターン、パフォーマンス データを 1 つの一貫したシステムに統合する上で最も困難だったことは何ですか?

課題は単一の統合ではなく、一連の統合です。Figmaのデザイントークン、複数のリポジトリにおけるコンポーネント実装、法的文書のブランドガイドライン、本番システムからのテレメトリ、コンプライアンスメタデータなど、様々な表現における意図と現実を調和させる必要があります。これらはそれぞれ異なる形式、異なる所有者、そして異なる更新サイクルで存在します。これらのシグナルを一貫したモデルに変換するには、強力な取り込みパイプライン、競合解決ルール、そして出所と所有権の明確なモデルが必要でした。チームは、何が変更され、誰が変更を行い、なぜ変更されたのかを把握する必要があります。この信頼層の構築が最も困難な部分でした。

AI がますます完全なインターフェースを生成できるようになった今、人間とエージェントのワークフローの中でデザイナーとエンジニアの役割はどのように進化していくとお考えですか?

エージェントは、ページのスキャフォールディング、アクセシブルなバリエーションの提案、ローカライズされたコンテンツの生成といった反復的なタスクを担当します。デザイナーは戦略、エクスペリエンスの意図、エッジケースのUX、そして良好な結果をもたらす制約の定義に注力します。エンジニアは、すべてのピクセルを入力する作業よりも、コンポーネントの正確性、ランタイムコントラクト、可観測性、そしてパフォーマンスに重点を置くようになります。人間はキュレーターとバリデーターの役割を担います。ルールを定義し、出力をレビューし、品質のあり方を決定します。最も価値の高い人間のスキルは、システム思考と判断力です。

シリーズ A の後、製品開発と企業での導入を加速するために最も優先される焦点領域は何になりましたか?

シリーズAにより、3つの領域で加速を実現しました。まず、オンボーディングとインジェスチョンにより、企業は数ヶ月ではなく数日で記録システムを構築できます。次に、インテリジェントプロダクトエンジンにより、モデルと連携した機能が提供され、生成されたインターフェースがブランドとルールを遵守していることが保証されます。最後に、権限、監査可能性、コンプライアンスフックといったエンタープライズコントロールにより、リーダーは大規模組織全体でKnapsackを導入することに自信を持っています。これらが、実規模での導入を促進するための重要な要素です。

企業チームは、静的なワークフローから動的なエージェント対応システムへの移行に苦労することがよくあります。最大の障害は何でしょうか？また、Knapsackはどのように組織の適応を支援しますか？

企業は、断片化されたシステム、所有権のサイロ化、規制上の制約、そしてすべてを最新の状態に保つための高額なコストに悩まされています。私たちは、データの取り込みを迅速かつ決定論的に行うこと、出所と所有権をモデル化すること、そして権限や監査ログといったガバナンス機能を提供することで、お客様を支援します。これらのツールにより、チームは自動化されたワークフローの信頼性を検証できます。

製品の作成がますます自動化されるにつれて、AI がより多くの基礎作業を生成する環境でチームが効果を発揮し続けるために、どのような新しい能力を開発する必要があると思いますか?

チームは、より強力なシステム思考スキル、特にエージェントが使用できる制約、ポリシー、コンポーネント契約を作成する能力を身につける必要があります。また、エージェントの意思決定の可観測性、ロールアウト制御、生成されたUIのQ&Aフレームワークなど、監視と検証の実践を強化する必要があります。ガバナンスリテラシー、特にコンプライアンス、アクセシビリティ、プライバシー要件を機械可読形式で表現する能力が不可欠になります。成功する組織は、ポリシーと品質をシステムに体系化できる組織です。

今後 5 年を見据えて、AI 主導の製品開発はどのように進化していくとお考えですか。また、業界の次の段階で Knapsack がどのような地位を占めることをお望みですか。

5年後には、製品開発はチーム間で静的なコンポーネントを渡すのではなく、ライブコンポーネントグラフに対してサービスを構成するようなものになるでしょう。エージェントツールは、ポリシー、パフォーマンスバジェット、ブランド制約に基づいて、本番環境に対応したサーフェスを生成します。私の目標は、Knapsackを、エージェントとアプリが企業の真のUIプリミティブとルールを理解するために頼りにする、標準的な記録システムになることです。これには、モデルやCI/CDとの緊密な統合、規制対象企業向けの強力なガバナンス、そして新規チームの迅速なオンボーディングが含まれます。企業がエージェントの自律的な運用を可能にするにつれて、Knapsackはブランド、動作、そして安全性のための信頼できるレイヤーとなるはずです。

素晴らしいインタビューをありがとうございました。現代のデザインシステムとスケーラブルなデジタル制作についてもっと知りたい読者は、 ナップザック.