📢 X投稿文
Figma Console MCPは、AIがデザイン資産を抽出・作成・デバッグできるMCP server。コードベースから自動でデザインシステムを生成。
https://github.com/southleft/figma-console-mcp
🤖 AI考察
■ **概要**
Figmaをプログラムテーブルに変えるMCPサーバー。デザインシステムをAPI化し、AIアシスタントが抽出・作成・デバッグを一貫して操作できる。
■ **特徴・用途**
- **双方向同期**: トークン定義、コンポーネント、デザインの最新状態をコード側と自動同期。バージョン競合を減らす
- **コードベース→デザインシステム逆抽出**: 本番アプリをスキャンして実装済みの無秩序なコンポーネント・スタイリング層を整理し、DTCG標準トークンに変換。Storybook統合で開発ワークフローへ埋め込める
- **AIネイティブ設計**: LLMが「このボタンコンポーネントはどこで定義されているか」「実装漏れの汎用プリミティブは何か」を直接問い合わせ可能
■ **結論**
デザイン・開発間の情報非対称を消し、設計意思を保持しながら実装スピードを上げる基盤——従来の手動同期→ドリフトループから脱出する選択肢。