今はFigmaよりClaudeでデザインしています — Jane Streetデザイナーのワークフロー

Jane Streetのデザイナー、Edwin Morris氏は、Claude Codeが自身の設計ワークフローにおいてFigmaの大部分を置き換えた方法について説明しています。仕様書、Figmaのモックアップ、提案のレビューの代わりに、現在はClaude Codeを使用してコードベース上で直接プロトタイプ機能を構築しています。ワークフローは次の通りです。問題の説明と提案を書く → Claudeでエディタを開く → 説明をプロンプトとして入力 → 動作するプロトタイプを取得 → 反復する → 開発環境にプッシュする → ユーザーフィードバックを得る → 機能を提出（PR）。

重要な引用：「実際のコードベース上のプロトタイプ機能は、モックアップやドキュメントと比較してほぼすべての点で優れていると感じました。」Morris氏は、Claude Codeが「自由で無制限の反復」を提供すると述べています。送信ボタンを改良し、キーボードショートカットを追加し、コピーを微調整し、プロンプトを調整し、確認メッセージを追加しました。これらのワークフロー改善は、以前の仕事では「エンジニアリングとデザインの往復に数日から数週間かかっていたでしょう」と述べています。

移行は徐々に進みました。2025年夏にJane Streetに入社した当初は、AIを小さなUXの細かな修正にのみ使用していました。大きなアイデアには、依然としてFigmaとドキュメントを使用していました。しかし、「この2か月間で、Figmaに手を伸ばす状況は激減しました」。現在はClaudeをより大きな作業に使用しています。「ユーザー向け、データモデル、ライブラリの変更を含む、2000行以上の差分のあるものを含む、半ダースの他のプロトタイプ」です。一部の新しいアプリでは、Figmaを完全にスキップし、「Claudeを使って最初からビジュアルデザインを反復」しています。

唯一の欠点は、レビュー担当者がモックアップではなく完全にできあがった機能を受け取るため、デザインへの意見が減る可能性があることです。チームの解決策は、説明に「プロトタイプは生きた提案文書であり、コードは使い捨てであり、レビュー担当者の仕事はデザインとユーザーエクスペリエンスに関するフィードバックを提供することである」という注意書きを追加することです。最終的にレビュー担当者がアイデアを引き継ぎ、別の機能でプロダクションコードを実装します。