Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
アジャイル開発におけるFigmaAI新機能の活用
Search
都村 美帆
July 12, 2024
Design
470
2
Share
アジャイル開発におけるFigmaAI新機能の活用
7/11 Config Recapイベントにて登壇させてもらった際に投影した資料になります。
都村 美帆
July 12, 2024
More Decks by 都村 美帆
See All by 都村 美帆
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
3
680
なぜあなたのAIエージェントは誰にも使われないのか?-AIエージェント × サービスデザイン-
abokadotyann
5
1.1k
コード1ミリもわからないけど Claude CodeでFigjamプラグインを作った話
abokadotyann
1
270
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
9
3k
ChatGPTを活用したUI勉強会の概要と成果
abokadotyann
8
2.7k
ChatGPTを活用したUI勉強会のススメ
abokadotyann
51
30k
Other Decks in Design
See All in Design
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
deadlinepoet
0
230
チームをデザイン対象にする / Design for your team
kaminashi
1
1.2k
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
2
810
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
320
Drawing_for_Anim_Final_PDF.pdf
lynteo
2
140
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
360
「見せる」登壇資料デザインの極意
takanorip
3
760
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
600
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.3k
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
1
2.4k
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
1.1k
デザインするために「多様性」について考える
iflection
1
300
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
2.9k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
70
39k
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
Context Engineering - Making Every Token Count
addyosmani
9
850
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
260
Transcript
アジャイル開発における Figma AI新機能の活用
都村 美帆(つむら みほ) KDDI UI/UXデザイナー 主に新規プロダクト開発を担当 飛岡 憲(とびおか けん) KDDI
アジャイル開発センター UI/UX/サービスデザイナー 新規事業開発支援,研修講師等を担当
アジャイル開発とは変化に迅速に対応し、真の価値を追求する開発様式 引用: https://agilemanifesto.org/iso/ja/manifesto.html https://scruminc.jp/
開発価値の選択・開発・振り返りのサイクルを一定周期で繰り返す
サービスデザインからシステム開発までトータルにサポート
1 2 価 値 探 索 ア ジ ャ イ
ル 開 発 ユーザ理解 nスプリント n+1スプリント n+2スプリント n+3スプリント n+ スプリント 課題・インサイト発見 アイデア創出 プロトタイプ 受容性テスト プロセスの一例 UXシナリオ・スコープ検討・プロダクトバックログ化など エスノグラフィーや デプスインタビューの実施 KJ法等を用いたインサイト分析 インサイトや課題に対して アイデア創出 ペーパプロト コンセプトシート,LP等を作成 プロトタイプを用いて ユーザの受容性調査 ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ディスカバリー トラック デザイン タスク デリバリー トラック ユーザ調査 情報設計 アイデア検討 WF検討 アイデア検討 検証 アイデア検討 プロトタイプ作成 プロトタイプ作成 UIデザイン作成 ユーザ調査 ユースケース検討 調査設計 KDDIのサービスデザイン・開発におけるデザインプロセス
1 2 価 値 探 索 ア ジ ャ イ
ル 開 発 ユーザ理解 nスプリント n+1スプリント n+2スプリント n+3スプリント n+ スプリント 課題・インサイト発見 アイデア創出 プロトタイプ 受容性テスト プロセスの一例 UXシナリオ・スコープ検討・プロダクトバックログ化など エスノグラフィーや デプスインタビューの実施 KJ法等を用いたインサイト分析 インサイトや課題に対して アイデア創出 ペーパプロト コンセプトシート,LP等を作成 プロトタイプを用いて ユーザの受容性調査 ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ ディスカバリー トラック デザイン タスク デリバリー トラック ユーザ調査 情報設計 アイデア検討 WF検討 アイデア検討 検証 アイデア検討 プロトタイプ作成 プロトタイプ作成 UIデザイン作成 ユーザ調査 ユースケース検討 調査設計 受容性テスト用プロトタイプのた めの UIデザイン生成、背景削除 リライト、画像生成、画像検索 ブレストのための と UIデザイン生 成 画像生成 UI探索用 UIデザイン生成、画像 生成 実装用 UIデザイ ン作成のための 画像検索、リ ライト、コンテンツ置き換え、背景削除、レイ ヤーリネーム、(UIデザイン生成) WF作成のための 画像検索、リライ ト、UIデザイン生成、画像生成、プ ロトタイプ生成 調査用プロトタイプ 生成のための 画像生成、リライト、UIデザイン 生成、プロトタイプ生成 F igmaAIを 活用したデザインプロセス
Figma AIの価値 効率化による生産性アップ ベース知識の拡張
1 リリース速度への寄与による ユーザへの素早い価値提供 2 思考の深化による アウトプットの質向上 3 チームでの対話促進による チームでの本質的な価値追求 我々が実現できること
効率化による生産性アップ ベース知識の拡張