mcpField
R
ready→made MCP

ready→made MCP

リモート
wpconverters.com開発ツール03 日前に更新
リポジトリ公式サイト

ready→made MCP について

ready→made MCPは、FigmaのフレームをWordPressビルダーのレイアウトやHTMLに変換するホステッドサービスです。デザインをページのセクションにするチーム向けで、LLMではなく決定論的な空間レイアウトエンジンを使います。

主な機能

  1. 01Figmaフレームの検査
  2. 026種類の形式への変換
  3. 03決定論的な空間レイアウトエンジン
  4. 04フレームキャッシュと画像オプション

活用シーン

  1. 01Figmaファイル内のページセクションの確認
  2. 02フレームをElementorまたはGutenbergに変換
  3. 03フレームをHTMLとして出力

MCP 対応

ホステッドMCPサーバーは、出力形式の一覧表示、Figmaファイルやフレームの検査、選択した形式への変換ツールを提供します。ストリーミングHTTPで接続し、ready→madeキーとFigmaトークンが必要です。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://api.levels.dev/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

すべてのエンドポイント
Streamable HTTPhttps://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

必要なもの

  1. ready→made の無料アカウントでは、カード登録なしで 3 回の MCP 変換をお試しいただけます。その後は、 Pro(月額 €19)または Lifetime(€250)のプランが必要です。MCP アクセスが含まれています。料金
  2. ready→made キー:api.levels.dev/account (プラグインのアカウントでログインし、MCP セクションから Create key を選択してください)。キーは一度だけ表示されます。
  3. 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_targets6 種類の出力形式と、それぞれの貼り付け/インポート方法無料
inspect_figmaファイルまたはフレームの概要:レイヤー、サイズ、数、セクション候補無料
convert_figma1 つのフレーム → 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 で動作します。貼り付け時に画像はメディアライブラリにコピーされます。

リンク

サポート

[email protected] · ドキュメント


© Levels Branding & Webdevelopment OG. このリポジトリ内の設定とドキュメントは MIT ライセンスです。変換エンジンはプロプライエタリで、ホスト型です。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。