MENU

WSL2からFigma MCPのローカルサーバーにつながらない時の対処法

🐧 Figma MCPの「ローカルサーバー接続」モードをWSL2環境から使おうとして、接続エラーでハマった事があった。
同じ症状で詰まってる人向けに解決策をまとめておく!!

目次

まず結論:.wslconfigにこれを追記してWSL再起動

Win + R で「ファイル名を指定して実行」を開いて、下記のパスを入力。

%USERPROFILE%\.wslconfig

開いたファイル(または新規作成)に下記を追記して保存。

[wsl2]
networkingMode=mirrored

保存したらPowerShellで再起動。

wsl --shutdown

WSLが止まったら再度起動して、Figma MCPを繋ぎ直すとつながるはず!!

何が起きていたか

Figma MCPには大きく2つの接続方式がある。
ひとつはFigmaのサーバーを経由する方式、もうひとつはFigmaデスクトップアプリが立てるローカルサーバー(localhost)に直接つなぐ方式。

後者のローカルサーバー接続はレスポンスが速くてファイルアクセスも安定してるんだけど、WSL2から使うと接続できないことがある。
エラーが出るのに、Windows側(PowerShell等)からは問題なくつながる——そういう症状だった。

原因:WSL2のデフォルトネットワークはNATモード

WSL2はデフォルトでNATモードで動いている。
これだとWSL2は仮想マシン的に独立した内部ネットワークに置かれるので、localhostのアドレス解決がWindowsホスト側と一致しない。

FigmaのローカルサーバーはそのデスクトップアプリがWindowsのlocalhostのポートをリッスンしてるだけ。
WSL2のNATモードからだと「Windowsホストのlocalhost」に素直に届かないわけ。

解決策の解説:mirroredモードで解決

networkingMode=mirrored を設定すると、WSL2のネットワークがWindowsホストと同じIPアドレス空間をミラーリングする。
WSL2内のlocalhostがWindowsのlocalhostと同義になるので、Figmaのローカルサーバーにもそのまま届くようになる。

これはWSL2のバージョン2.0.0以降で利用できる機能。
比較的新しい設定なので、古いWSLを使ってる人はまずwsl --updateでアップデートしておくといい。

それでも繋がらない時の完全設定

最小構成でダメだった場合は、下記の設定一式を試してみて。
memoryprocessorsはPCのスペックに合わせて調整すること(ChatGPTにスペックのスクショを見せると提案してもらえる)。

[wsl2]
memory=16GB
processors=8
swap=8GB
swapFile=C:\wsl-swap.vhdx
dnsTunneling=true
autoProxy=true
networkingMode=mirrored
firewall=false

[experimental]
hostAddressLoopback=true
vmIdleTimeout=0

設定のポイントをざっくり説明。

  • networkingMode=mirrored — ネットワークをWindowsとミラーリング(これが本命)
  • dnsTunneling=true — DNS解決をWindowsのDNSで処理
  • autoProxy=true — Windowsのプロキシ設定を自動で引き継ぐ
  • firewall=false — WSLのファイアウォールを無効化して通信を通す
  • hostAddressLoopback=true — ループバック通信をホスト側と共有([experimental]セクション)

やりがちなNG

NG正しい対処
WSLをexitで閉じるだけPowerShellで wsl --shutdown を実行してから再起動
.wslconfig を保存せずに再起動ファイルを保存してから wsl --shutdown
NATモードのまま localhost を使おうとするnetworkingMode=mirrored を設定する
WSLのバージョンが古いwsl --update を先に実行する

まとめ

  • WSL2からFigma MCPのローカルサーバーにつながらない原因はNATモードのネットワーク分離
  • networkingMode=mirrored.wslconfig に追記して wsl --shutdown で解決
  • それでもダメなら dnsTunnelingautoProxyhostAddressLoopback の組み合わせを試す
  • memoryprocessors 等のリソース設定はPCのスペックに合わせて最適化を

参考

以上!!
誰かのお役に立てれば嬉しいです🐧

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

目次