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
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
Search
Shingo Suzuki
April 08, 2025
Design
1
1.6k
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
2025年4月9日に、「
AIとデザインのセカンドステージ
」で発表した資料です。
Shingo Suzuki
April 08, 2025
Tweet
Share
More Decks by Shingo Suzuki
See All by Shingo Suzuki
実務のための マイクロ インタラクション入門
shingo2000
0
720
Figmaを使ったマルチプラットフォームサービスのデザイン管理
shingo2000
3
1.7k
Filmarks デザイナー向け紹介資料
shingo2000
3
1.6k
つみきのデザインについて
shingo2000
0
200
つみきのデザインポリシー
shingo2000
1
130
Adobe XDでアプリの画面遷移を検証
shingo2000
0
160
Adobe XDでアプリデザインのワークフローを改善
shingo2000
1
130
Other Decks in Design
See All in Design
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
390
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
130
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
120
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
株式会社バクタム 会社説明資料
bactum
0
350
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
420
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
130
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
140
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
260
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
210
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.4k
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
490
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Facilitating Awesome Meetings
lara
56
6.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
600
A designer walks into a library…
pauljervisheath
208
24k
GitHub's CSS Performance
jonrohan
1032
460k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
3k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Transcript
AIとデザインのセカンドステージ 鈴木慎吾 株式会社つみき Filmarks リードデザイナー |
#aidesign_2nd デザイナーが AIをどうやって 使っていくか? コンテンツライティング リサーチ後の分析 コンセプトの発散 デザインの説明資料 調査資料をまとめる ドキュメントの作成
業務計画の作成 スケジュール調整 ブレスト相手 インタビューの要約
#aidesign_2nd 既存業務の 効率化だけじゃ 物足りない! コンテンツライティング リサーチ後の分析 コンセプトの発散 デザインの説明資料 調査資料をまとめる ドキュメントの作成
業務計画の作成 スケジュール調整 ブレスト相手 インタビューの要約
#aidesign_2nd もっと、 デザイナーの仕事の幅を 広げるような使い方がないか?
#aidesign_2nd 事例1 社内の課題を元に ChatGPTで Figmaプラグイン開発 デザイナーの仕事の幅を広げるには?
社内の課題を元にChatGPTでFigmaプラグイン開発 #aidesign_2nd チームの課題 解決策のアイディア デザイナーwaka2kiさん デザイン後に、用語一覧をみながら 文言確認することが抜けがち Figmaプラグインをつくってみる
社内の課題を元にChatGPTでFigmaプラグイン開発 #aidesign_2nd プロトタイプ その日のうちに、ChatGPTを使ってプロトタ イプを開発。 基本となるインタラクションと 誤字判定のロジックが決定。 実現性 インタラクション 誤字判定のロジック
社内の課題を元にChatGPTでFigmaプラグイン開発 #aidesign_2nd デザイン調整 機能追加 リリース プロトタイプを元に、 デザイン調整と機能追 加を行いFigmaプラグインとして公開。 基本機能がはじめに検証されていたため、
素早く進めることができた。 ※詳細:Figmaのテキストを自動チェックする用語統一プラグインを作った https://note.com/shingo2000/n/nb4a46f000e4e
#aidesign_2nd デザイナーの仕事の幅を広げるには? 事例2 Cursorで、 触覚フィードバックの 検証用アプリを開発
Cursorで触覚フィードバックの検証アプリを開発 #aidesign_2nd チームの課題 自社アプリに効果的に触覚フィードバックを 取り入れたい。 OSのガイドラインは確認したが、触ってみな いとイメージが沸かない。
Cursorで触覚フィードバックの検証アプリを開発 #aidesign_2nd プロトタイプ Cursor(AIコードエディタ) で検証用iOSアプリを開発 CursorはチャットでAIとやり取りしながら、開 発できるコードエディタ 参考:Vibe Coding for
mobile with Cursor AI https://uxplanet.org/vibe-coding-with- cursor-ai-52f5023bc59a
Cursorで触覚フィードバックの検証アプリを開発 #aidesign_2nd Xcodeでプロジェクトファイルを新規作成 Cursorで開き、実装を依頼 プロジェクトファイルを確認した上で実装を開始 Xcodeでプロジェクトをビルドして実機確認 必要に応じて修正依頼 指示に基づいて修正 修正依頼を数回繰り返して完成!
Cursorで触覚フィードバックの検証アプリを開発 #aidesign_2nd 完成 機能要件の検討 触覚フィードバックを実機確認できる iOSアプリが1時間ほどで完成 触覚フィードバックの種類を確 カスタムパラメータの設u
カスタムパターンの作成と確認 機能要件の検討に素早く進むことができる ※詳細:Cursorで触覚フィードバックの検証アプリを開発した https://note.com/shingo2000/n/n2a0e148824ba
#aidesign_2nd プロトタイプを作ってみて、 初めてわかること 事例1 T テキストチェックのFigmaプラグイン の実現E T どんなインタラクションを備えている と実用的になるか8
T テキスト判定にどんなロジックが必 要か? 事例2 T iOSで標準提供されている触覚 フィードバックの種 T カスタムする場合はどんなパラメー タがあるか8 T パラメータの変更が触覚にどう影響 するか?
#aidesign_2nd プロトタイプ開発 = 試して気づく発見的なアプローチ プロトタイプ開発 = 試して気づく、 発見的なアプローチ 「とりあえず作ってみる」 姿勢は、
デザイナーの得意領域 AIと一緒にプロトタイプ開発すると“試せること”の幅が大きく広がる
#aidesign_2nd AIと一緒にプロトタイプ開発して 「とりあえず作ってみる」 の幅を広げよう
#aidesign_2nd Vibe Coding for mobile with Cursor AI https://uxplanet.org/vibe-coding-with- cursor-ai-52f5023bc59a
アプリエンジニア/Railsエンジニア /データエンジニア https://www.wantedly.com/ companies/tsumiki/projects Filmarksの エンジニアを募集中 5/11 (日) 12時 @面白法人カヤック https://friends.figma.com/events/ details/figma-shonan-presents- shonan-config-watch-party-2025 Config Watch Party 2025 Friends of Figma Shonan The Return of the UX Generalist https://www.nngroup.com/articles/ return-ux-generalist/ 参考資料
ありがとうございました @shingo2000 note.com/shingo2000 #aidesign_2nd