Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Reads a boat's Signal K data and helps an AI assistant design and install KIP dashboards.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
SIGNALK_HOST, SIGNALK_PORT, SIGNALK_TLS, SIGNALK_TOKEN, SIGNALK_USER, SIGNALK_PASSWORD, KIP_URL「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"kip": {
"command": "npx",
"args": [
"-y",
"kip-mcp-server"
],
"env": {
"SIGNALK_HOST": "your-value",
"SIGNALK_PORT": "your-value",
"SIGNALK_TLS": "your-value",
"SIGNALK_TOKEN": "your-value",
"SIGNALK_USER": "your-value",
"SIGNALK_PASSWORD": "your-value",
"KIP_URL": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add kip --env SIGNALK_HOST=your-value --env SIGNALK_PORT=your-value --env SIGNALK_TLS=your-value --env SIGNALK_TOKEN=your-value --env SIGNALK_USER=your-value --env SIGNALK_PASSWORD=your-value --env KIP_URL=your-value -- npx -y kip-mcp-server動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"kip": {
"command": "npx",
"args": [
"-y",
"kip-mcp-server"
],
"env": {
"SIGNALK_HOST": "your-value",
"SIGNALK_PORT": "your-value",
"SIGNALK_TLS": "your-value",
"SIGNALK_TOKEN": "your-value",
"SIGNALK_USER": "your-value",
"SIGNALK_PASSWORD": "your-value",
"KIP_URL": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"kip": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"kip-mcp-server"
],
"env": {
"SIGNALK_HOST": "your-value",
"SIGNALK_PORT": "your-value",
"SIGNALK_TLS": "your-value",
"SIGNALK_TOKEN": "your-value",
"SIGNALK_USER": "your-value",
"SIGNALK_PASSWORD": "your-value",
"KIP_URL": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
SIGNALK_HOST envSIGNALK_PORT envSIGNALK_TLS envSIGNALK_USER envKIP_URL envこの設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント dillan で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:SIGNALK_TOKEN, SIGNALK_PASSWORD
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(1.12.0)がレジストリに届いたのは5 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
The Figma MCP server brings Figma design context directly into your AI workflow.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
An MCP server that lets an AI assistant (such as Claude, Codex, or Gemini) look at your boat's Signal K data and help you design and install KIP dashboards — the gauges and panels you see on your chartplotter or tablet.
You stay in control: the assistant shows you a picture of each dashboard first, and it only saves anything to your boat after you say yes.
A short session with an AI assistant, after pointing it at your boat:
You: Look at my boat's data and suggest some KIP dashboards.
→ analyze_signalk_data 142 paths · speed, wind, depth, battery, engine → recommend_dashboard_set 6 dashboards the data supports
Assistant: Your boat reports navigation, wind, depth, electrical and engine data, so I can build these. Here's the "Sailing" one — a preview, nothing saved yet:
┌─────────────┬─────────────┬───────────────────────────┐ │ SOG 6.2 kn │ AWS 14 kn │ │ ├─────────────┼─────────────┤ wind steering │ │ DPT 8.4 m │ AWA 42° │ │ └─────────────┴─────────────┴───────────────────────────┘
You: Looks good — install the sailing and anchor ones.
→ apply_kip_config (dry run) 2 dashboards → KipConfig (global) Assistant: This will add "Sailing" and "Anchor" to KIP. Go ahead? You: Yes. → apply_kip_config written ✓ — open KIP to see them.
The assistant always shows a preview first and asks before writing anything to your boat.
You need a Signal K server running on your boat (or on your network), with KIP installed.
http://your-boat:3000. Note the host name (or IP) and port.npx (which comes with Node.js 24 or newer): npx -y kip-mcp-server
The next step wires this command into your assistant. (Prefer to build from source? See Develop below.)
KipConfig.json file to import from KIP's Settings instead.The server reads a few settings from its environment:
| Setting | What it is | Default |
|---|---|---|
SIGNALK_HOST | Your Signal K host name or IP | localhost |
SIGNALK_PORT | Your Signal K port | 3000 |
SIGNALK_TLS | Set to true if your server uses https | false |
SIGNALK_TOKEN | A Signal K login token, needed to write dashboards | (none) |
SIGNALK_USER | A Signal K username — used with SIGNALK_PASSWORD instead of a token | (none) |
SIGNALK_PASSWORD | The matching Signal K password | (none) |
KIP_URL | Override where KIP is served, if it's not the default | (derived) |
Reading your data needs no login. Writing dashboards to the server needs either a token or a username and password; you can always use the file-export option instead, which needs nothing extra. For how to get a token (or why a username/password is simpler), see Signal K authentication.
By default the server talks over stdio — the assistant runs it as a local subprocess. There is also an optional HTTP mode (kip-mcp-http) for hosting the server so a remote assistant (such as Claude.ai) can reach it over the network. It is opt-in and meant for a single operator behind a reverse proxy that adds TLS.
# Behind a TLS-terminating reverse proxy that forwards to 127.0.0.1:3017
MCP_BEARER_TOKEN=a-long-random-secret \ MCP_PUBLIC_URL=https://boat.example.com/mcp \ npx kip-mcp-http
| Setting | What it is | Default |
|---|---|---|
HTTP_HOST | Address to bind | 127.0.0.1 (loopback) |
HTTP_PORT | Port to listen on | 3017 |
HTTP_PATH | URL path for the MCP endpoint | /mcp |
MCP_BEARER_TOKEN | One or more (comma-separated) bearer tokens that callers must present | (none) |
MCP_PUBLIC_URL | The public URL clients reach, used for the Host allowlist and metadata | (derived) |
MCP_ALLOWED_ORIGINS | Comma-separated browser origins to accept (off by default) | (none) |
MCP_ALLOWED_HOSTS | Override the Host allowlist | (derived) |
MCP_ALLOW_INSECURE | Set to true to start anyway in an unsafe setup | (unset) |
Every request must present a valid Authorization: Bearer and pass a Host/Origin allowlist before it reaches the MCP layer. The server refuses to start if it would bind to a non-loopback address or run without a bearer token, unless you set MCP_ALLOW_INSECURE=true. It uses one Signal K login for all sessions, so treat it as a single-tenant deployment; the same SIGNALK_* settings above apply.
The server gives the assistant a set of tools, grouped by job:
review_dashboard prompt drives it, backed by a deterministic check_dashboard_ux lint.--doctor check.A few terms, in plain words:
navigation.speedOverGround (speed over ground).This project uses Node.js 24 (LTS). Common commands:
npm install # install dependencies
npm run typecheck # check types npm run lint # check code style npm test # run the tests npm run build # compile to dist/ npm run smoke # start the built server and check it answers npm run ci # run the full set of checks
For a full guide to running and testing the server locally during development — pointing an AI client or the MCP Inspector at a local build, running the HTTP transport, and testing against Signal K (or offline) — see docs/development.md.
Commits follow Conventional Commits; releases and version numbers are produced automatically from those commit messages.
MIT — see LICENSE.