世界を動かす技術を、日本語で。

今ではFigmaよりもClaudeでデザインしています

概要

  • LLM(大規模言語モデル)活用 への懐疑心から、実践を通じて有用性を実感した体験談。
  • Jane Street入社後、AIサポートが業務に不可欠となった背景。
  • 従来のデザインワークフロー から、AIを活用したプロトタイピング中心への変化。
  • AIによるプロトタイプ開発 のメリットと課題、チーム内でのフィードバック体制。
  • デザイナーとしての自己成長 と、AI時代の創造性・自由度の変化。

LLM活用への懐疑心と変化

  • 過去の経験 :CopilotやCursorで自作ゲームの修正を試みるも、期待外れの結果
  • Gemini利用 :プロダクトブリーフやワイヤーフレームの自動生成も、最終的に全て破棄
  • 自分の得意分野 でLLMを使うと、人間の方が優れていると感じる傾向

Jane StreetでのAIサポートの必要性

  • Jane Street入社後、新しい技術(OCaml、Bonsaiなど)への対応が必要
  • AIの活用 が、未経験領域での業務遂行に不可欠となる実感
  • AIの意外な効果 :自分が最も得意とするデザインワークフローにも大きな変化

新しいデザインワークフロー

  • 従来の流れ :仕様書作成、Figmaでのモックアップ、提案書作成、開発者との実装レビュー
  • 新しい流れ
    • 問題と提案内容の記述
    • エディタ・ビルド・サーバ・Claudeを立ち上げ、記述内容をプロンプトとして利用
    • 基本機能の実装で実現可能性を確認
    • 必要なだけ反復しながら改良
    • 開発環境にプッシュし、ユーザーからフィードバック収集
    • 希望通りの動作・見た目の機能として提出

プロトタイプ開発の具体例と利点

  • JSQL入力へのLLMプロンプト追加 プロトタイプの実装
  • Claudeによる無制限の反復 :細かな調整や仕様変更にも柔軟に対応
  • 全ての労力が実際の成果物の改善に集中、Figmaやドキュメント作成などの周辺作業が不要
  • 従来なら数日~数週間かかる設計・実装のやり取りが大幅に短縮

ワークフロー確立までの試行錯誤

  • 当初は小規模タスクのみAI活用、大規模案件はFigmaやドキュメント中心
  • モデルの進化や自分自身のスキル向上、適切なスコープ設定 によりAI活用範囲が拡大
  • 現在は大規模なプロトタイプ開発にもAIを活用、Figmaを使う機会が激減

デザイナーとしての影響とチーム内の課題

  • デザイナーが自分で動くプロトタイプを作れるようになった ことで、提案の説得力が向上
  • 「JSQL入力での直接LLMプロンプト」など、実現性が不明なアイデアも形にできる
  • チーム内でのフィードバックのあり方 :完成度の高いプロトタイプを提出することで、レビュー担当者の役割が変化
    • プロトタイプは「生きた提案書」 であり、コード自体は使い捨て
    • レビュー担当者はデザイン・ユーザー体験へのフィードバックが主な役割
    • 最終的な実装は別途担当者が引き継ぎ、本番コードとして作成

AI活用による創造性・自由度の変化

  • AIとの反復的な作業 が、発想の幅を狭めてしまう懸念
  • 成熟したツールの場合は反復的な改良が有効 だが、新規性の高い領域では発想の制約となる可能性
  • 「デザイナーはコードを書くべきか」論争との類似性
    • コーディング経験があると、大きな発想転換がしにくくなる懸念
    • それでも実際に手を動かすことの楽しさ・成長実感

AI時代のデザイナーとしての自己成長

  • Jane Street入社前ならFigmaに依存していたはず
  • JavaScript経験はあるが、OCamlやBonsaiは完全な未経験領域
  • AIの力で「本物のプロダクト」に直接触れられるようになった解放感
  • 新しいことに自由に挑戦できる環境の実感

Edwin(Jane Streetのオプションデスク所属デザイナー)

Hackerたちの意見

フロントエンドにはClaude Designを使ってるんだけど、出力は見た目も感じも悪くないんだよね。でも、デザインが似たり寄ったりで、現代のウェブのトロープに沿ってることが多い。誰かがこれを使って変わったクリエイティブな冒険をしたことがあるか、聞いてみたいな。

その経験、俺もあるよ。いろんなプロンプトや入力を試し始めたんだ。要件を与えるとちゃんとそれに応じてくれるのに、方向性を示さないと安全な選択をするのが面白いよね。だから、出力の美的感覚やUX/コンテンツを評価するつもりなら、特に美的な部分についてあまりプロンプトを与えないと、ただの安全なデフォルトしか得られないよ。ブートストラップやテイルウィンドのクローンデザインを作るのは得意だけど、その方向性を活かさないとね。シンプルなウェブページに関しては、初期のイテレーションのためにこれだけに集中し始めたよ。

まあ、いくつかの変わったUIの例を与えて、それを組み合わせて作らせたことがあるけど、まあまあだったよ。でも、なんかズルしてる気がする。

いくつかの異なることをやってみたけど、プレゼンテーションやウェブモックアップなど、どれも箱から出した時はほぼ同じに見える。プレゼンテーションのケースでは、Claude Designはレイアウトの境界を全く理解してなくて、スライドが表示領域の200%以上に広がることもある(コンテンツが多すぎて、うまく見せる方法がわからない)。でも、俺にはまだ価値がある。意図を伝えるのに十分な出力が得られるし、時々HTMLを手動で調整することもある。フォントを定義するのは、少なくとも他の人と同じタイポグラフィにならない良い方法だね。

でも、ほとんどのアプリケーションには、型破りなクリエイティビティは必要ないよね。

私もClaude Designを使ってるよ。すごく尊敬されてる経験豊富なデザイナーたちから勧められて、今はほぼClaudeでプロトタイプを作って、満足したらFigmaでブラッシュアップしてる。ちなみに、プロンプトを調整すれば、一般的なデザインにならないようにできるよ。詳細なスタイリングのプロンプトなしで一般的なUIを頼むと、普通のデザインが返ってくるからね。

同じく、特定のスタイルを見せるように指示できるし、欲しいウェブサイトのスタイルの例を与えることもできるよ。ちょっと手間がかかるけど、少しクリエイティブに感じるようになる。ただ、プロンプトが必要だけどね。

Jane StreetはAnthropicの投資家だと思うから、参考程度にね。

今やHN全体が一つの巨大なAI広告になってるね。

大きな塩を添えて > 2025年7月、インド証券取引委員会(SEBI)は、Jane Streetが市場操作のために複数の法人を使用したと主張し、市場へのアクセスを禁止した。

たとえそうでなくても、フロントエンドデザインに関する定量的なトレーディングファームの意見を気にするべきかどうか、ちょっと疑問だな…。

大体そうだね。中にはお金を払ってるのもある。でも、AIが良いツールじゃないとは言わないけど、使ってるものややってることを理解してないと、働いてるビジネスを危険にさらすことになるよ。

Hacker Newsで議論の続きを見る