再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows

再設計される業務 AIにより再設計される "デザインワークフロー"

再設計される業務ー AIにより再設計される "デザインワークフロー" こぎそ受託制作会社でデザイナー・エンジニアとして勤務後、さくらインターネットでプロダクト開発に携わる。2020年にSmartHRへ入社し、プロダクトデザイナーとしてデザインシステムやプロダクト開発を担当。生成AIベンチャー、0→1スタートアップでのデザイナー経験を経て、株式会社 Lumilinks（ルミリンクス）を設立。プロダクトデザインを軸に、AI活用コ
ンサルティングや組織支援、コミュニティ事業を展開している。著書に『ちいさくはじめるデザインシステム』（BNN）。テック業界向けコミュニティ「CrossRel」主宰。

Parascope https://parascope.design/

再設計される業務ー AIにより再設計される "デザインワークフロー" 01 02 AI AI 活用の今活用のこれから

再設計される業務ー AIにより再設計される "デザインワークフロー" デザイン「行為」におけるAI活用

再設計される業務ー AIにより再設計される "デザインワークフロー" 理解構造化具象化検証

再設計される業務ー AIにより再設計される "デザインワークフロー" 理解ユーザーインタビューを要約する既存仕様や議事録から前提を抜き出す頻出する課題や言い回しを拾う課題、要望、制約を分けるまだ分かっていないことを洗い出す

再設計される業務ー AIにより再設計される "デザインワークフロー" Notion

再設計される業務ー AIにより再設計される "デザインワークフロー" 構造化主要な利用シナリオを並べる画面遷移を整理する必要な状態を洗い出す企画を設計する例外パターンを出す
優先順位をつけるワイヤーフレームの骨子を作る

再設計される業務ー AIにより再設計される "デザインワークフロー" Codex wiretext.app

再設計される業務ー AIにより再設計される "デザインワークフロー" 具象化 UI案を複数出すワイヤーフレームを作るレイアウトを組むコンポーネントを選ぶコピー案を出す
状態を作る

再設計される業務ー AIにより再設計される "デザインワークフロー" Storybook Paper

再設計される業務ー AIにより再設計される "デザインワークフロー" 検証状態や例外の抜けを確認する導線の不自然さを指摘する実装とデザインの差分を見る問題を戻す

再設計される業務ー AIにより再設計される "デザインワークフロー" 開発中ツール Claude Design

再設計される業務ー AIにより再設計される "デザインワークフロー" どれもが”点”でしかない理解するAI・構造化するAI・具象化するAI・検証するAI... それぞれは便利になって実務として使われている。しかし、前後の工程とつながっていない。

再設計される業務ー AIにより再設計される "デザインワークフロー" 01 02 AI AI 活用の今活用のこれから

再設計される業務ー AIにより再設計される "デザインワークフロー" “デザインハーネス”という取り組み

再設計される業務ー AIにより再設計される "デザインワークフロー" 理解構造化具象化検証

再設計される業務ー AIにより再設計される "デザインワークフロー" https://note.com/kgsi/n/n707d989e1a44

再設計される業務ー AIにより再設計される "デザインワークフロー" この点在するAI活用をつなぎ、面として扱うための考え方理解、構造化、具象化、検証を別々の作業として終わらせるのではなく、それぞれの出力が次の工程の入力になり、検証結果がまた前の工程に戻る。そうすることで、AIは単発の生成ツールではなく、デザインワークフロー全体を支える存在になる。

再設計される業務ー AIにより再設計される "デザインワークフロー" 抽象的概念

再設計される業務ー AIにより再設計される "デザインワークフロー" 要求データ / ルール生成チェック
レビュー

再設計される業務ー AIにより再設計される "デザインワークフロー" 具体例

再設計される業務ー AIにより再設計される "デザインワークフロー" DESIGN.mdを起点としたパターン DESIGN.md Storybook MCP Generate Review

再設計される業務ー AIにより再設計される "デザインワークフロー" Specを軸にDesign Systemを組み込んだパターン Spec Implement Lint /
Text Screenshot DS Check

再設計される業務ー AIにより再設計される "デザインワークフロー" Design Harness フィードバック検証コンテキスト制約
1. 制約 Tokens / Components / Patterns 2. コンテキスト Principles / Users / Existing screens 3. 検証 A11y / Overflow / Flow / Cognitive load 4. フィードバック Review findings / Rules / Checks

再設計される業務ー AIにより再設計される "デザインワークフロー" デザインハーネスは、“点”を“面”にする考え方理解の結果が、構造化に渡る構造化の判断が、具象化を制約する具象化されたUIが、検証にかかる検証結果が、次のルールや文脈に戻る

再設計される業務ー AIにより再設計される "デザインワークフロー" 終わり

再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops La...

再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows

kgsi

More Decks by kgsi

Other Decks in Design

Featured

Transcript