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
Tools for Design Engineers other than LLM in th...
Search
takanorip
June 18, 2025
Design
1
290
Tools for Design Engineers other than LLM in the LLM era
takanorip
June 18, 2025
Tweet
Share
More Decks by takanorip
See All by takanorip
Bulletproof Design System with TypeScript
takanorip
6
3.5k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
140
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
900
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
7.3k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
2k
早わかり W3C Community Group
takanorip
0
500
Ubieとアクセシビリティのこれからを考える
takanorip
0
460
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.9k
Astroで始める爆速個人サイト開発
takanorip
15
12k
Other Decks in Design
See All in Design
harutaka Vision Deck
zenkigenforrecruit
0
140
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
430
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
100
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
380
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
540
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.8k
NAHO SHIMONO_Portfolio2025
nahohphp
0
870
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
480
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.2k
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
150
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
570
portfolio_YumiYasuda
yum0418
0
290
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
430
65k
BBQ
matthewcrist
89
9.7k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Why Our Code Smells
bkeepers
PRO
337
57k
Designing for Performance
lara
610
69k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
We Have a Design System, Now What?
morganepeng
53
7.7k
Transcript
Tools other than LLM for Design Engineers in the LLM
era takanorip - 2025.06.18
takanorip 株式会社カンム デザイナー・エンジニア UIをエンジニアリングするのが好き。 デジタルを脱出したい。
None
None
None
デザインエンジニアのツール ≠ デザインとコードが一体的なツール あれはどちらかと言えばコードが書けないデザイナー向けのツール
1 2 3 4 Note & Pen Bear Figma Colorbase
Note & Pen
ツバメノート 白無地 A4 エナージェル ユーロ
LLMの時代だからこそ紙とペン LLMの登場で他社との対話っぽいものを 手軽にできるようになった。 しかしLLMは前提の否定や条件の追加が苦手。 誤ったゴール設定をしていても止めてくれない。 紙とペン、デジタルから離れて思考を整理する 重要性が増してくる、はず。
最新技術でデジタルとアナログを接続する LLMやOCRなどの技術進歩に寄って アナログをデジタル化しやすくなった。 紙に書いたものをデジタル化して整えるのは LLMがいい感じにやってくれる。 デザインエンジニアこそ デジタルとアナログを自由に使い分ける必要 あるんじゃない?なんてね。
デザインはトップダウン、開発はボトムアップ プロダクト 開発 デザイン
いきなりツールを使うと視点が固定される プロダクト 開発 デザイン 使うツールの性質に 思考が引っ張られる
LLMに引っ張られると意思決定が浅くなる LLMの回答には新規性がない。一般論の寄せ集め。 個人的にハレーションより危険な特徴だと考える。 LLMの提案や要約を鵜呑みにしない。(要はバランス) 自己主張 LLM 一般論 分離して考える
紙とペンで抽象と具体を往復する ※ノート見せたかったけど 字が汚すぎて呪文だったので割愛 普段のノートの書き方見たい人いたら懇親会で見せます
よく書くノート マインドマッピングっぽいやつ UIのスケッチ ユーザーストーリー、サービス利用フローなどのメモ
Bear Markdown editor
None
Bear プレーンなマークダウンエディタ。 iPhone、iPadアプリも使いやすく、外出先でもメモできる。 最低限の機能があり、シンプルで使いやすく、思考の邪魔をしない、 そんなエディタが一番良い。
デザインエンジニアはドキュメントを書く仕事 デザインシステム然り、デザインエンジニアの仕事は 「デザインを再現可能にすること」を求められることが多い。 仕組みを作るということはルールを作るということであり、 ルールを作るということはドキュメントを書くということ。 人を動かすにはLLMではなく人間が書いた文章が必要。 ドキュメントを書く、ということを真剣に考える。
Figma
デザインツールをデザインツールとして使いこなす デザイン「エンジニア」でも 「デザイン」から逃げない 意匠を整えることから逃げない。 コードに逃げない。 デザインツールでデザインをする。
LLMはデザインが苦手(だと勝手に思っている) LLMは与えられた要件を正確に達成することが得意。 なのでコーディングはとても得意。 デザインは選択と意思決定の連続。 LLMは選択と意思決定が苦手。 だから冗長な文章を出力する。 選択と意思決定を積み重ねる努力を 人間がやる必要がある。
意匠を練ることで完成形のイメージを固める LLMとの協業をうまくやるためには 完成形のイメージが重要 完成形のイメージがないとLLMに何回やり直しさせても 良いものはできあがらない。 LLMは完成形を提示してくれはしない。
プラグインを使いこなす 苦手な部分はプラグインを使って補う。
Colorbase
Colorbase 色に関することなら何でも わかる最強ツール。 UIデザイン ≒ 配色のデザイン 個人開発なのでお布施しよう。 https://colorbase.app/
Thank you!