概要
https://jakub.kr/work/using-ai-as-a-design-engineer
詳細内容
## デザインエンジニアとしてのAI活用術：思考を外注せず、ワークフローを加速させる
https://jakub.kr/work/using-ai-as-a-design-engineer
**Original Title**: Using AI as a design engineer
デザインエンジニアの「クラフトマンシップ」を維持しつつ、AIを試行錯誤のサイクル高速化と定型業務の自動化に徹底活用する具体的手法を提示する。
**Content Type**: ⚙️ Tools
**Language**: en
**Scores**: Signal:5/5 | Depth:4/5 | Unique:4/5 | Practical:5/5 | Anti-Hype:5/5
**Main Journal**: 91/100 | **Annex Potential**: 90/100 | **Overall**: 92/100
**Topics**: [[Cursor, Claude Code, Figma MCP, Design Engineering, .cursorrules]]
デザインエンジニアの Jakub 氏が、自身のクリエイティビティを損なわずに **AI** をワークフローに統合する方法を解説している。**Cursor** や **Claude Code** といったツールを単なるコード生成器としてではなく、プロトタイプの試行錯誤を高速化し、退屈な作業を代行させる「加速装置」として位置づけているのが特徴だ。
具体的には、**Cursor** における **.cursorrules**（アニメーション性能やアクセシビリティの定義）の徹底、**Figma MCP** を利用した複雑な **UIスキャフォールディング** の自動構築、**context7** による最新ドキュメントの参照など、極めて実践的なセットアップを公開している。特に、AI 特有の冗長なコードや不自然なチェック処理を「Slop（不純物）」と呼び、それを一括除去するためのカスタムコマンド **/deslop** を運用する手法は、コードの品質と一貫性を維持する上で非常に示唆に富む。
著者は「**AI** は思考を代替するものではない」と強調し、5000 行に及ぶコンポーネントの移行といった「機械的だが重いタスク」に **AI** を充てることで、人間は本質的な「手触り」や「ユーザー体験」の設計に集中すべきだと説く。最新ツールを使いこなしつつ、技術的な美学を妥協したくないフロントエンドエンジニアにとって、理想的な **AI** との距離感を示すガイドである。