概要
https://note.com/suuminbot/n/ndc16b4ca00e8
詳細内容
## 10XでのLLMデザイン活用 8事例（2025年夏版）
https://note.com/suuminbot/n/ndc16b4ca00e8
10XのデザインチームはLLMを駆使し、社内共有の促進からFigma連携、プロトタイプ開発、コードリーディングに至るまで、デザインワークフローの劇的な効率化と品質向上を実現した8つの具体的な実践事例を公開する。
**Content Type**: ⚙️ Tools
**Scores**: Signal:5/5 | Depth:4/5 | Unique:4/5 | Practical:5/5 | Anti-Hype:4/5
**Main Journal**: 89/100 | **Annex Potential**: 87/100 | **Overall**: 88/100
**Topics**: [[LLM活用事例, デザインワークフロー効率化, Figmaプラグイン, AIプロトタイプ開発, AIツールセキュリティ]]
10Xのデザインチームが、新プロダクトのリリースを終えた後、LLMの本格的な活用を開始し、デザインワークフローの劇的な改善とアウトプット品質の向上を実現した8つの具体例が紹介されています。これまでデザイナーにとって未開拓だった領域において、LLMがどのように効率化と新たな価値創造に貢献しているかが詳細に語られています。
主な活用事例としては、まず社内でのLLM活用事例の積極的な共有文化を築くことで、チーム全体の意識を高めています。次に、デザインシステム刷新に伴う煩雑な作業を効率化するため、LLMを活用して社内用Figmaプラグインや「Scripter」によるスクリプト（通称「治具」）を開発。これにより、コンポーネントの置き換えや一括操作といった手間のかかる作業が劇的に削減されました。
さらに、複雑な複数人同時操作を伴うネットスーパーのプロトタイプを、CursorとFigma Rawを組み合わせることで、わずか4時間でNext.js上に構築し、実際の業務体験を迅速に検証。UIの具体表現を一部犠牲にしても、UXの主要な流れを早期に確認できる実践的なアプローチは、webアプリケーションエンジニアにとっても迅速なPoC開発のヒントとなるでしょう。
他にも、LLMを活用した社内向けウェブアプリケーションの開発によるサムネイル制作の自動化、既存プロダクトのコードリーディングによる仕様確認の高速化、Layermateを用いたコードからのFigmaデータ生成、過去のN1インタビューデータの分析による課題抽出、UIのアイデア出しといった多岐にわたる活用が進められています。
これらの事例から、LLMは単なるプログラミング支援ツールに留まらず、デザイナーが複雑なタスクを自動化し、開発プロセスを加速させ、情報収集や意思決定の質を高めるための強力な「共創者」として機能することがわかります。特に、これまでエンジニアに依存していた作業の一部をデザイナー自身がLLMの力を借りて解決できるようになる点は重要です。また、LLMツールの導入にあたっては、Gemini, Claude Code, Cursor, Layermateといった具体的なツール名が挙げられつつも、個人情報や機密情報の取り扱いに関するセキュリティ対策が徹底されている点も、実務における注意点として示唆に富んでいます。今後、デザイナーがより広範な領域でLLMを意識的に活用していくことで、デザインと開発の境界が曖昧になり、プロダクト開発全体の生産性が向上していく可能性が示されています。