概要
https://uxdesign.cc/how-top-companies-are-using-ai-in-their-design-workflows-d10ec40fb6af
詳細内容
## 大手企業のデザインワークフローにおけるAI活用術：Meta、Atlassian、Tescoの実践例
https://uxdesign.cc/how-top-companies-are-using-ai-in-their-design-workflows-d10ec40fb6af
**Original Title**: How top companies are using AI in their design workflows
大手テック企業が実践するAIを活用したプロトタイピングの高速化や、カスタムツールの構築、リサーチ自動化の具体的手法を提示する。
**Content Type**: 🛠️ Technical Reference
**Language**: en
**Scores**: Signal:4/5 | Depth:4/5 | Unique:3/5 | Practical:5/5 | Anti-Hype:4/5
**Main Journal**: 81/100 | **Annex Potential**: 78/100 | **Overall**: 80/100
**Topics**: [[AI Design Workflows, Vibe Coding, Cursor, Figma MCP, Design-to-Code]]
**Meta**、**Atlassian**、**Tesco**、**Faire**といった先進企業のデザインチームが、いかにしてAIを実務に組み込んでいるかを解説したケーススタディです。単なる生成AIの利用に留まらず、**Atlassian**によるAI専用の**指示ファイル（Instruction Files）**を用いたプロトタイピングの制御や、**Tesco**のデザイナーが**Cursor**と**Figma MCP server**を活用してライブサイトのデータを直接取得する**独自プラグインを構築（Vibe Coding）**している実態など、エンジニアにとっても興味深い技術的アプローチが紹介されています。
特に注目すべきは、AIに特定のデザインシステムやトークンを強制的に使用させるための「**オーバーライド指示**」のテンプレート化や、プロダクトマネージャー（PM）が自らコードを書き、開発者へのハンドオフを効率化する「役割の変容」に関する洞察です。これらの手法は、単なるデザイン効率化だけでなく、フロントエンド開発とデザインの境界線を再定義する可能性を示唆しています。AIリサーチボットの**Fairey**を用いたユーザーフィードバックの要約など、データの取り扱いに関する具体例も豊富です。
AIを活用した**デザイン・ツー・コード（Design-to-Code）**の自動化や、デザインワークフローの改善を目指すフロントエンドエンジニア、およびAIエージェントによる開発支援を検討しているリードエンジニアに推奨します。