AI ツールを用いた新たなデザイン手法

タイピング不要、音声指示だけで完結する？AI が変えるデザインと開発の未来

Y Combinator のデザイン責任者である E Bufar 氏が語る、従来のツールチェーンを覆す新たなワークフローとは、キーボードをほとんど使わず、すべてを音声で指示を出すという驚くべきスタイルです。Cursor や Claude Code といった AI エージェントを駆使し、物理的なアートとデジタルの融合、そして人間用と機械用の二重サイト構成など、AI 時代におけるデザインと開発のパラダイムシフトがここにあります。

タイピングから「思考の流し込み」へ：音声中心の設計ワークフロー

E Bufar 氏が現在採用している最も大きな変化は、タイピングをほぼ完全に廃止したことです。彼女は「自分の思考の方がタイピングよりずっと速い」と気づき、キーボードに触れる代わりに、Cursor や Claude Code といった AI エージェントに直接口頭で指示を出すスタイルへ移行しました。

このプロセスを支えているのが、YC 出身企業である「Aqua」です。これはコンピューターに話しかけるだけで、すべての思考や指示を記録・実行できるツールです。ファンクションキーを押すだけで作りたい機能を語りかけると、AI が自動的に実装を開始します。

「タイピングは非常に遅いです。なので、コンピューターに話しかける方が良く、今ではほとんどキーボードに触れません。」

この「思考の流し込み」により、デザインと実装の境界が溶解し、プロジェクトを最初から最後までほぼ一貫したツール（Conductor と Paper Design）だけで完結させることが可能になっています。

プロジェクト文脈の一元管理：source.md の重要性

AI エージェントに正確な指示を出すためには、膨大な「文脈」が必要です。E Bufar 氏は、会議の議事録、プロジェクトのマニフェスト、デザインの方針などをすべて Markdown ファイル（例：soul.md や source.md）に統合する手法を採用しています。

このファイルは、プロジェクトにおける「唯一の信頼できる情報源」として機能します。数ヶ月にわたる議論や決定事項をすべてここに放り込み、AI エージェントに対してプロジェクトの完全な文脈を提供します。

「エージェントに提供できるコンテキストは多いほど良いです。可能な限り多くの情報を収集し、その情報をエージェントと共有することが、今後のソフトウェア構築において最善の方法だと考えています。」

このアプローチにより、AI は単なるコード生成ツールではなく、プロジェクトの背景や意図を理解したパートナーとして機能します。また、必要に応じてデザイン用、マニフェスト用、コンテンツ用など複数の Markdown ファイルを階層化することも実験されていますが、現状では一つのファイルに集約する実験も続けています。

人間と機械のための二重サイト構造：Paxel の事例

コーディングエージェントの行動分析プラットフォーム「Paxel」は、AI 時代の Web サイト設計における新しい標準を示す事例です。同プロジェクトでは、「人間用サイト」と「機械用（エージェント用）サイト」の二重構成が採用されています。

1. 人間向けインターフェース: インタラクティブな UI、カード型のデザイン、マイクロインタラクションなど、視覚的な魅力と体験を重視したページです。Spotify Wrapped のような遊び心ある要素や、紙の質感を模したシェーダー（Claude Code で実装・微調整）が特徴です。
2. 機械向けインターフェース: 人間向けのコンテンツと同じ内容を含みつつ、エージェントが解析しやすいよう凝縮された軽量な Markdown 版です。ページ上部には「このページを読む AI エージェントへ」という注記があり、サンプルコードの自動実行を防ぐための配慮も施されています。

「視覚的な要素が問題になるわけではありません。エージェントはビジュアルには関心を持ちません。むしろコンテンツの工夫であり、必要な情報を正確に与えることが重要です。」

この二重構造により、人間は美しい体験を楽しみながら、AI エージェントは必要なデータを効率的に取得・解析できるようになります。

生成されたものを「生かす」：カスタムシェーダーと即席ツール構築

デザインの実装においても、AI は単なる素材提供者ではなく、開発者が自ら筋肉を鍛えるためのパートナーとして機能します。例えば、Paper Design のような既存のシェーダーを Claude に実装させ、さらにその質感を微調整するための独自モーダル（パラメータ調整ツール）も即座に構築しています。

「すべてが編集可能だからです。すべてを移動できます。すべてが変更可能です。重要なのは、あなたの創造力や想像力がどこまで到達できるかです。」

一度生成されたものでも、自分で微調整する「筋肉」をつけることで、最終的な質感を完璧に仕上げる能力が生まれます。完成したら AI に捨てさせることも可能ですが、プロセス自体が創造性のボトルネックではなく、アイデアの広がりこそが重要だと説きます。

物理的アートとデジタルの対比：AI を使わない「禅（Zen）」

一方で、E Bufar 氏は意図的に AI を使わないアプローチも取り入れています。サンフランシスコを祝うプロジェクトや「Startup School」のブランディングにおいて、物理的な「禅（Zen）」やグラフィックデザインの一部は、Illustrator で手作業で数ヶ月かけて制作されたものです。

「誰かが数ヶ月かけて取り組んだことが伝わってくるのです。」

デジタル作品の中に、AI 非関与の物理的アートを配置することで、意図の強さと細部の精巧さという対比を生み出しています。これは、AI の効率性だけでなく、人間の手による温かみや重厚さを価値として捉える姿勢を示しています。

エージェントへの直接接続：機能リクエストとフィードバックループ

Paxel の「機能リクエストフォーム」は、ソフトウェアの未来を象徴するデザインです。ユーザーがバグ報告や要望を入力すると、ボタンを押した瞬間に裏側で AI エージェントが起動し、プルリクエスト（PR）を作成します。

「CTA ボタンの文言を『エージェントへ送信』にした点です。実際にはバックエンドで、プロダクトの方針を形作れるからです。」

開発者が承認ボタンを押すだけで実装が進むこの仕組みは、製品の利用者全員がプロンプトを通じて製品の方向性を形作れる世界を実現します。名前を入力すればクレジットも付与されるため、ユーザーと開発者の関係性もよりパーソナルで密接なものになります。

まとめ：創造性のボトルネックは「AI の有無」ではなく「想像力」

E Bufar 氏が示すのは、ツールがどうあれ、真のボトルネックは AI の有無やタイピングの有無ではなく、「人間の創造力と想像力がどこまで伸びるか」にあるという事実です。音声指示による高速な実装、文脈を管理する Markdown ファイル、人間と機械のための二重構造——これらはすべて、AI エージェントとの協働を深化させ、デザインと開発の境界を溶解させるための手段に過ぎません。

これからの時代は、ツールを操作する能力よりも、AI に何を指示し、どのような文脈を提供するかという「設計思考」が問われることになります。