ready→made MCP について
ready→made MCPは、FigmaのフレームをWordPressビルダーのレイアウトやHTMLに変換するホステッドサービスです。デザインをページのセクションにするチーム向けで、LLMではなく決定論的な空間レイアウトエンジンを使います。
主な機能
- 01Figmaフレームの検査
- 026種類の形式への変換
- 03決定論的な空間レイアウトエンジン
- 04フレームキャッシュと画像オプション
活用シーン
- 01Figmaファイル内のページセクションの確認
- 02フレームをElementorまたはGutenbergに変換
- 03フレームをHTMLとして出力
MCP 対応
ホステッドMCPサーバーは、出力形式の一覧表示、Figmaファイルやフレームの検査、選択した形式への変換ツールを提供します。ストリーミングHTTPで接続し、ready→madeキーとFigmaトークンが必要です。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://api.levels.dev/mcpclaude mcp add --transport http dev-levels-readymade https://api.levels.dev/mcp{"mcpServers":{"dev-levels-readymade":{"type":"http","url":"https://api.levels.dev/mcp"}}}Cursor で開く{"servers":{"dev-levels-readymade":{"type":"http","url":"https://api.levels.dev/mcp"}}}VS Code で開く{"mcpServers":{"dev-levels-readymade":{"type":"http","url":"https://api.levels.dev/mcp"}}}{"mcpServers":{"dev-levels-readymade":{"serverUrl":"https://api.levels.dev/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
https://api.levels.dev/mcp認証が必要ツール
詳細
ready→made MCP:AI アシスタントで Figma から WordPress ビルダーへ
デザインは仕様であり、プロンプトではありません。
ready→made は、Figma フレームを ネイティブの WordPress ビルダーレイアウト(Elementor、Gutenberg、Oxygen 6、 Oxygen Classic、Etch、またはプレーン HTML)に変換するホスト型の MCP サーバーです。言語モデルではなく、決定論的な空間レイアウトエンジンがレイアウトを計算します。同じフレームを入力すれば、毎回同じレイアウトが出力されます。スクリーンショットも、手作業で構築したセクションも、推測したレイアウトも不要です。
2026-10-04 から提供中です。
Figma 用 ready→made プラグイン(Figma Community で 900 人以上が利用)と同じエンジンを、Claude Code、Claude Desktop、Cursor、Windsurf、VS Code から利用できます。
このリポジトリには、クライアント設定とドキュメントのみが含まれています。サーバーはクローズドソースで、https://api.levels.dev/mcp(ストリーミング可能な HTTP)でホストされています。
公式 MCP Registry:dev.levels/readymade
必要なもの
- ready→made の無料アカウントでは、カード登録なしで 3 回の MCP 変換をお試しいただけます。その後は、 Pro(月額 €19)または Lifetime(€250)のプランが必要です。MCP アクセスが含まれています。料金
- ready→made キー:api.levels.dev/account (プラグインのアカウントでログインし、MCP セクションから Create key を選択してください)。キーは一度だけ表示されます。
- File content: read スコープを持つ Figma 個人用アクセストークン: Figma → Settings → Security → Personal access tokens。
接続
Claude Code
claude mcp add --transport http readymade https://api.levels.dev/mcp \
--header "Authorization: Bearer rm_live_…" \
--header "x-figma-token: figd_…"
Cursor:このインストールリンクをブラウザーに貼り付けてから、Cursor の MCP 設定で 2 つのプレースホルダーを置き換えてください。
cursor://anysphere.cursor-deeplink/mcp/install?name=readymade&config=eyJ1cmwiOiJodHRwczovL2FwaS5sZXZlbHMuZGV2L21jcCIsImhlYWRlcnMiOnsiQXV0aG9yaXphdGlvbiI6IkJlYXJlciBZT1VSX1JFQURZTUFERV9LRVkiLCJ4LWZpZ21hLXRva2VuIjoiWU9VUl9GSUdNQV9UT0tFTiJ9fQ==
または ~/.cursor/mcp.json を編集してください。
{ "mcpServers": { "readymade": {
"url": "https://api.levels.dev/mcp",
"headers": { "Authorization": "Bearer rm_live_…", "x-figma-token": "figd_…" } } } }
Windsurf(~/.codeium/windsurf/mcp_config.json)
{ "mcpServers": { "readymade": {
"serverUrl": "https://api.levels.dev/mcp",
"headers": { "Authorization": "Bearer rm_live_…", "x-figma-token": "figd_…" } } } }
VS Code(.vscode/mcp.json)
{ "servers": { "readymade": { "type": "http",
"url": "https://api.levels.dev/mcp",
"headers": { "Authorization": "Bearer rm_live_…", "x-figma-token": "figd_…" } } } }
Claude Desktop(mcp-remote ブリッジ経由で claude_desktop_config.json を使用)
{ "mcpServers": { "readymade": { "command": "npx", "args": [
"-y", "mcp-remote", "https://api.levels.dev/mcp",
"--header", "Authorization:Bearer rm_live_…",
"--header", "x-figma-token:figd_…" ] } } }
ツール
| ツール | 内容 | コスト |
|---|---|---|
list_targets | 6 種類の出力形式と、それぞれの貼り付け/インポート方法 | 無料 |
inspect_figma | ファイルまたはフレームの概要:レイヤー、サイズ、数、セクション候補 | 無料 |
convert_figma | 1 つのフレーム → 1 つの形式。貼り付け可能なペイロード、使用方法、Figma データがキャッシュから取得されたかどうかを返します | 1 回の変換 |
プロンプトの例
- 「https://www.figma.com/design/…?node-id=12-345 の Pricing フレームを Elementor に変換して、貼り付ける JSON をください。」
- 「この Figma ファイルを調べて、Landing ページのセクションを一覧表示してください。それから、ヒーローを Gutenberg に変換してください。」
- 「ノード 5:21396 を Oxygen 6 と HTML に変換して、比較できるようにしてください。」
制限
- 1 回の呼び出しにつき 1 つの フレーム(ページ全体ではなくセクション):最大 4,000 レイヤー、出力 6 MB、90 秒。 実測値:画像 6 枚を含む 266 レイヤーのセクションは、初回は約 5 秒、キャッシュからは約 0.5 秒で変換できます。
- キーごとに 1 分あたり 30 回のツール呼び出し、アカウントごとに 1 日あたり 300 回の変換、アカウントごとに 5 個のキー。
- ラスター画像は api.levels.dev で 24 時間ホストされ、URL で参照されます。Elementor は貼り付け/インポート時に画像をメディアライブラリにコピーします(3.25.4 および 4.2.1 で確認済み)。代わりにデータ URL を取得するには
options.assets: "inline"(自己完結型の HTML/Gutenberg)、画像を省略するには"none"を指定します。画像 1 枚あたり最大 8 MB、アカウントごとに 1 日あたりホスト可能な容量は 200 MB です。 - Figma API に配慮した設計:取得したフレームはアカウントごとに 7 日間キャッシュされます(ファイルのバージョンごとに保存され、アカウント間で共有されることはありません)。一般的なセッション(inspect + 3 フレームと 2 ターゲットに対する 5 回の変換)での実測値:キャッシュなしでは Figma API 呼び出しが 14 回、初回セッションでは 5 回、繰り返し時は 0 回です。
refresh: trueを指定すると再取得されます。View/Collab シートでは Figma で月あたり約 20 回のファイル読み取りが許可されているため、これは重要です。 - Figma 独自の API レート制限は、使用するトークンに適用されます。
- フォント:各変換結果には、使用されているフォントファミリーとその入手元が記載されます。Google Fonts は自動的に読み込まれます。ブランドフォント(例:「Labil Grotesk」)は WordPress サイトにインストールする必要があります。インストールされるまでは、出力は同じ形状の汎用フォントファミリーにフォールバックします(Gutenberg/HTML では
"Labil Grotesk", sans-serifが出力されます)。
プライバシー
Figma トークンは各リクエストとともに送信され、その呼び出しのために api.figma.com へ転送されます。保存またはログ記録されることはありません。変換後の出力は保存されません。取得したフレームの Figma データ(レイヤー、レイアウト、テキスト、画像参照)は、アカウント専用のキャッシュに 7 日間保存された後、自動的に削除されます。キャッシュは Figma トークンから生成したキーで暗号化されているため、当社を含め、当社のサーバーにアクセスできる者が内容を読み取ることはできません。ホストされた画像は 24 時間後に削除されます。MCP キーのハッシュと、ツール呼び出しごとのツール名、ターゲット、成功フラグ、所要時間、ペイロードサイズ、レイヤー数、MCP クライアント名を保存します。保存するのは利用状況であり、コンテンツではありません。 リクエストに応じて削除します:[email protected]。
Elementor への貼り付け
Elementor の出力は、サイト間で貼り付けるための JSON です。Elementor エディターで空白部分を右クリックし、他のサイトから貼り付けを選択してから貼り付けます。Elementor 3 および 4 で動作します。貼り付け時に画像はメディアライブラリにコピーされます。
リンク
- ウェブサイト:https://wpconverters.com/mcp
- ドキュメントとセットアップ:https://wpconverters.com/docs/mcp
- 料金:https://wpconverters.com/pricing
- Figma プラグイン:https://wpconverters.com
サポート
© Levels Branding & Webdevelopment OG. このリポジトリ内の設定とドキュメントは MIT ライセンスです。変換エンジンはプロプライエタリで、ホスト型です。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。