MCP サーバーを備えている設計ツールはどれですか?

MCP (モデル コンテキスト プロトコル) は、AI エージェントがデータ ソースやツールに接続できるようにするオープン スタンダードです。デザイナーにとって、これは、AI コーディング ツールがスクリーンショットから推測するのではなく、デザイン ファイルを直接読み取ることができ、場合によってはデザイン自体を作成または変更できることを意味します。

Figma には、変数、コンポーネント、レイアウトなどの設計コンテキストを AI エージェントに提供する MCP サーバーがあり、選択したフレームからコードを生成できます。ネイティブ Figma コンテンツをキャンバスに書き戻すこともできます。 Figma では、この機能はベータ期間中は無料であり、使用量ベースになる予定であると説明されています。 Figma のヘルプセンターによると、MCP サーバーは Starter、Professional、Education、Organization、Government、Enterprise プランで利用可能です。

Penpot には無料でオープンな MCP サーバーがあります。 Penpot は、Claude、Cursor、Visual Studio Code、OpenAI Codex を含むあらゆる MCP クライアントおよびモデルで動作すると説明しており、チームはこれを独自のサーバーにデプロイして、設計データをプライベートに保つことができます。

私たちが作った ExodeUI には、インタラクティブな UI とアニメーション用の MCP サーバーがあります。 Claude Code、Cursor およびその他の AI コーディング ツールは、平易な言語のプロンプトから、状態、バネの物理学、入力、イベントを含むアニメーションを作成および編集できます。その結果、ランタイム パッケージが React、Vue、Svelte、Angular、Solid、React Native、React Native、SwiftUI、Flutter で再生される、開いた .exode ファイルが生成されます。

他のツールも MCP サポートを迅速に追加しているため、選択する前に各ベンダーのドキュメントを確認してください。たとえば、Icons8 は、アイコンとイラスト ライブラリ用の MCP サーバーを提供しています。これは、Lunacy デザイン アプリと併用すると便利ですが、Lunacy ファイルは編集されません。