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

クリス・ストラールは、Knapsackの共同創設者兼CEOです。彼は、デザイン、エンジニアリング、製品チームを共有の真実のシステムに合わせて、現代のデジタル製品の構築方法を再定義することに焦点を当てています。デザインシステムとフロントエンド開発の背景を持つ彼は、デザインシステム・ポッドキャストのホストとしても広く知られています。そこでは、組織がデザインをスケールし、コラボレーションを改善し、デジタル製品を現代化する方法を探求しています。

Knapsackは、エンタープライズ向けデザインシステムおよびデジタル製品プラットフォームです。デザイン・アセット、コード、コンテンツ、ドキュメントをリアルタイムで接続する、生きているシステム・オブ・レコードとして機能します。このプラットフォームにより、チームは再利用可能で、製品向けのコンポーネントを構築して管理し、デザイン・トークンを管理し、複雑なデジタル・エコシステム全体で一貫性を維持できます。デザインとUIデータをスケーラブルでAI対応の方法で構造化することで、Knapsackは、大規模な組織がデリバリーを加速し、重複を減らし、ブランドと製品の完全性をチームとチャネル全体で確保するのに役立ちます。

Knapsackは、Basaltでの大規模エンタープライズ向けデザインシステムの構築の経験から生まれました。デザイン・ファイル、エンジニアリング・ワークフロー、出荷されたコードの間で繰り返される摩擦が無視できないレベルに達したとき、Knapsackを立ち上げる決断をしたのはいつですか。

私たちはBasaltで数えきれないデザインシステムを構築しました。パターンは明らかでした。デザイン・ファイル、エンジニアリング・ワークフロー、出荷されたコードはすべて別個の宇宙に存在していました。結果は、単一の劇的な失敗ではありませんでした。繰り返される1000の損失でした。サイズの違うボタン、挙動の不一致、プロパティ全体でスタイルがずれ、チームが数ヶ月間の再作業に費やすことになりました。私たちは、それらの問題がシンク・プラグやドキュメントの改善で解決できないことを知ったとき、それが実際の問題であることを認識しました。単一の権威あるシステム・オブ・レコードが必要であることを認識しました。デザイン、コード、ブランド・ルールのためのものでした。その認識により、専用のプラットフォームが必要であることが明らかになりました。

エージェンシーとコンサルティングの仕事から製品会社の構築への移行により、既存のデザイン・システム・ツールやワークフロー・プラットフォームが対処していない、より深い問題が明らかになりました。Knapsackの最も初期のアーキテクチャと方向性を形作った基礎的なギャップとは何でしたか。

私たちがエージェンシー・ワークから製品の構築に移行したとき、欠けている核心的な部分が明らかになりました。コンポーネント、制約、デザイナーとエンジニアの間の相乗効果を捉える、信頼できる、マシン・リーダブルなシステムはありませんでした。既存のツールはファイルや孤立したリポジトリに焦点を当てていましたが、製品の真の状態、コンポーネント、テーマ、使用ルール、コンプライアンス・メタデータの生きている表現には焦点を当てていませんでした。私たちは、コンポーネント・ファースト、バージョン管理可能、計測可能、デザイン・ツールとコードベースの両方と統合可能な、権威あるシステム・オブ・レコードを中心にKnapsackを構築しました。その結論は、私たちのインジェスト・モデルとリンク・レイヤーを形作り、最終的にインテリジェント・プロダクト・エンジンにつながりました。

「キャンバス・エラ」は、生きている、コード接続されたシステムに置き換わりつつあります。この移行をどのように定義しますか。製品の作成が静的なファイルから継続的に更新されるシステムに移行することで、チームに何が変わりますか。

キャンバス・エラは、UXを静的なアーティファクトとして扱い、通常はチーム間で交換されるファイルとして扱っていました。新しいエラは、実装の反映である、継続的に更新される、実行可能なシステムによって推進されています。チームにとっての変化は大きいです。どのファイルやブランチが真実の源泉であるかについて議論するのではなく、現在のコンポーネント、トークン、可達性制約、製品の動作の状態を公開する共有システムから作業します。これにより、曖昧さが減り、自動化された検証が可能になり、実際のコンポーネントではなく近似値に基づいて使用可能なUIを生成するエージェント・ワークフローがサポートされます。

エージェント生成のUIは、実際のコンポーネント、ルール、制約を反映するシステム・オブ・レコードがなければ、しばしば失敗します。エンタープライズ向けインターフェイスを生成するために、AIがこのアンカー・レイヤーを必要とする理由は何ですか。

AIはレイアウトやコピーを生成できますが、エンタープライズ向けのインターフェイスを生成するには、権威ある語彙が必要です。コンポーネント、プロパティ、制約、トークン、使用ルールを含むアンカー・レイヤーは、AIが尊重しなければならない境界を提供します。アンカー・レイヤーがなければ、エージェントはスタイルを妄想したり、可達性の要件を無視したり、エンジニアリング・チームが実際に出荷するコードと一致しないコードを生成したりします。実際のコンポーネント・グラフとルールセットがある場合、エージェントは、実装可能で、コンプライアンス要件と一致し、ブランド・スタンダードと一致する出力を生成します。これは、見栄えの良いモックアップと展開可能なインターフェイスの違いです。

インテリジェント・プロダクト・エンジンが開発されるにつれて、デザイン・アセット、コード、ブランド・ルール、コンプライアンス要件、UXパターン、パフォーマンス・データを1つのまとまりのあるシステムに統合することが最も難しかったのは何でしたか。

課題は、単一の統合ではありません。さまざまな表現全体の意図と現実を調和させることです。Figmaのデザイン・トークン、複数のリポジトリのコンポーネントの実装、法的文書のブランド・ガイドライン、プロダクション・システムからのテレメトリ、コンプライアンス・メタデータなどです。これらの各要素は、異なる形式で、異なる所有者によって、異なる更新サイクルで存在します。これらのシグナルを1つの一貫したモデルに変換するには、強力なインジェスト・パイプライン、コンフリクト解決ルール、所有権と出典の明確なモデルが必要です。チームは、変更が何であったか、誰が変更を行ったか、そしてなぜ変更を行ったかを知る必要があります。信頼レイヤーを構築することが最も難しい部分でした。

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

エージェントは、ページのスケルトン、可達性のバリアントの提案、ローカライズされたコンテンツの生成などの繰り返しタスクを処理します。デザイナーは、戦略、エクスペリエンスの意図、エッジ・ケースのUX、良い結果をもたらす制約の定義に焦点を当てます。エンジニアは、ピクセルを入力することよりも、コンポーネントの正しさ、ランタイム・コントラクト、観察可能性、パフォーマンスに焦点を当てます。人間は、キュレーターとバリデーターになります。ルールを定義し、出力をレビューし、品質が何であるかを判断します。最も価値の高い人間のスキルは、システムの思考と判断力になります。

シリーズAの後、製品開発とエンタープライズの採用を加速するための最優先事項は何でしたか。

シリーズAにより、3つの分野で加速することができました。まず、オンボーディングとインジェストです。これにより、エンタープライズは、数ヶ月ではなく数日でシステム・オブ・レコードを作成できます。2つ目は、インテリジェント・プロダクト・エンジンです。これには、生成されたインターフェイスがブランドとルールを尊重することを保証する、モデルと一致した機能が含まれます。3つ目は、エンタープライズ・コントロールです。パーミッション、監査可能性、コンプライアンス・フックなどにより、リーダーはKnapsackを大規模な組織全体で採用することに自信を持つことができます。これらが、実際のスケールでの採用を推進するレバーです。

エンタープライズ・チームは、静的なワークフローから、エージェントが利用できる、ダイナミックなシステムへの移行に苦労することがよくあります。最大の障害は何ですか。Knapsackは、組織がどのように適応するのを支援しますか。

エンタープライズは、断片化されたシステム、所有権のシロ、規制の制約、すべてを最新の状態に保つコストの高さに苦労しています。私たちは、インジェストを迅速かつ決定論的に行うことで、所有権と出典をモデル化することで、ガバナンス機能 such as パーミッション、監査ログを提供することで支援します。これらのツールにより、チームは自動化されたワークフローに対する信頼を検証できます。

製品の作成がますます自動化されるにつれて、チームが効果的に残るために、AIがより多くの基礎作業を生成する環境で、チームが開発しなければならない新しい能力は何ですか。

チームは、エージェントが使用できる、制約、ポリシー、コンポーネント・コントラクトを著者する能力を開発する必要があります。また、エージェントの意思決定への可観測性、ロールアウト・コントロール、生成されたUIのQ&Aフレームワークを含む、より良いモニタリングと検証の実践が必要です。ガバナンス・リテラシーも不可欠になります。特に、コンプライアンス、可達性、プライバシー要件をマシン・リーダブルな形式で表現する能力が必要です。成功する組織は、ポリシーと品質をシステムにコード化できるものになります。

5年先を見て、AI駆動の製品作成はどのように進化すると思いますか。Knapsackは、業界の次の段階でどのような立場を占めることを目指していますか。

5年後、製品の作成は、静的なコンポーネントを交換するのではなく、生きているコンポーネント・グラフに対してサービスを構成するように見えるでしょう。エージェント・ツールは、ポリシー、パフォーマンス・バジェット、ブランド・制約を使用して、製品向けのインターフェイスを生成します。私の目標は、Knapsackが、エージェントとアプリが会社の真のUIプライミティブとルールを理解するために依存する、権威あるシステム・オブ・レコードになることです。これには、モデルとCI/CDとの深い統合、規制されたエンタープライズのための強力なガバナンス、そして新しいチームのための迅速なオンボーディングが含まれます。Knapsackは、会社がエージェントをより自主的に動作させることを許可するとき、ブランド、動作、安全性のための信頼できるレイヤーになるべきです。

素晴らしいインタビュー、ありがとうございます。現代のデザイン・システムとスケーラブルなデジタル・プロダクションについてもっと学びたい読者は、Knapsackを訪問してください。