Tools for Design Engineers other than LLM in the LLM era

Tools other than LLM for Design Engineers in the LLM
era takanorip - 2025.06.18

takanorip 株式会社カンムデザイナー・エンジニア UIをエンジニアリングするのが好き。デジタルを脱出したい。

デザインエンジニアのツール   ≠ デザインとコードが一体的なツールあれはどちらかと言えばコードが書けないデザイナー向けのツール

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

Bear プレーンなマークダウンエディタ。 iPhone、iPadアプリも使いやすく、外出先でもメモできる。最低限の機能があり、シンプルで使いやすく、思考の邪魔をしない、そんなエディタが一番良い。

デザインエンジニアはドキュメントを書く仕事デザインシステム然り、デザインエンジニアの仕事は「デザインを再現可能にすること」を求められることが多い。仕組みを作るということはルールを作るということであり、ルールを作るということはドキュメントを書くということ。人を動かすにはLLMではなく人間が書いた文章が必要。ドキュメントを書く、ということを真剣に考える。

デザインツールをデザインツールとして使いこなすデザイン「エンジニア」でも「デザイン」から逃げない意匠を整えることから逃げない。コードに逃げない。デザインツールでデザインをする。

LLMはデザインが苦手（だと勝手に思っている） LLMは与えられた要件を正確に達成することが得意。なのでコーディングはとても得意。デザインは選択と意思決定の連続。 LLMは選択と意思決定が苦手。だから冗長な文章を出力する。選択と意思決定を積み重ねる努力を人間がやる必要がある。

意匠を練ることで完成形のイメージを固める LLMとの協業をうまくやるためには完成形のイメージが重要完成形のイメージがないとLLMに何回やり直しさせても良いものはできあがらない。 LLMは完成形を提示してくれはしない。

プラグインを使いこなす苦手な部分はプラグインを使って補う。

Colorbase

Colorbase 色に関することなら何でもわかる最強ツール。 UIデザイン ≒ 配色のデザイン個人開発なのでお布施しよう。 https://colorbase.app/

Thank you!

Tools for Design Engineers other than LLM in th...