Figma Context MCP
作者：GLips
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
パソコンで動く★ 16,165MIT5 か月前更新
インストール
Keyline Icons
概要
作者による説明（英語の原文）
Search Keyline Icons by name and get any icon's SVG source or React import. No key, no network.
PopNx MCPの3つの柱
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
- 利用者の声iレビューはまだありませんレビューは今後のステップで、アカウント機能と一緒に始まります
- 私たちの基本チェックi3項目中3項目に合格公開情報からチェック。コードはまだスキャンしていません
- 利用状況i初期★ 188
できること
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
- 接続方法: パソコンで動く
- トランスポート: stdio
- カテゴリ: デザイン・画像・音声
インストール
使っているAIアプリを選んで、設定をコピーしてください。
インストールの前に
- 基本チェック：3項目中3項目に合格
- あなたのパソコンで、あなたのユーザーと同じ権限（ファイル、ネットワーク、アプリ）で動きます。
- レジストリには、入力が必要なキーは載っていません。
必要なもの
- npmNode.jsのインストール（npxコマンドに必要）
どのアプリを使っていますか？
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"keylineicons": {
"command": "npx",
"args": [
"-y",
"@keyline-icons/mcp"
]
}
}
}ターミナルでこれを実行します
claude mcp add keylineicons -- npx -y @keyline-icons/mcpまたは、設定を自分でコピーする
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"keylineicons": {
"command": "npx",
"args": [
"-y",
"@keyline-icons/mcp"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
または、設定を自分でコピーする
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"keylineicons": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@keyline-icons/mcp"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
できること
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
基本チェックi
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
- ✓ 合格
作者とリポジトリが一致
レジストリ名はドメイン keylineicons.com で確認済みです（レジストリがドメインの所有を確認しています）
- ✓ 合格
今もメンテナンスされている
コードの最終更新：4 日前
- ✓ 合格
ライセンスがある
MITを使用
- – 対象外
エンドポイントが応答する
これはパソコンで動くため、インターネット上のエンドポイントはありません
- – 対象外
OAuthでサインイン
パソコンで動き、代わりにローカルの設定を使います
- … 未チェック
ツールの説明に隠れた指示がない
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
デザイン・画像・音声のほかのサーバーとの比較i
- このカテゴリのほかの2192件のうち99%よりスターが多い
- このカテゴリのほかの2192件のうち87%より最近レジストリに公開
- 基本チェックの結果が、このカテゴリのほかの2192件のうち100%と同じかそれ以上
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
よくある質問
Keyline Iconsは安全ですか？
当てはまる基本チェック3項目のうち3項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
どんなキーやコードが必要ですか？
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
パソコンで動きますか、それともクラウドですか？
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません（サーバー自体がオンラインサービスを呼び出す場合を除きます）。
今もメンテナンスされていますか？
GitHubリポジトリの最終更新は4 日前、最新バージョン（2.5.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
Claude Real Video
作者：HUANGCHIHHUNGLeo
Let any LLM watch a video locally — and search everything it has ever watched.
パソコンで動く★ 2,284MIT2 か月前更新
インストール
Figma MCP Server
作者：figma
The Figma MCP server brings Figma design context directly into your AI workflow.
クラウドで動く★ 2,15213 か月前更新
インストール
作者のREADME
READMEを開く
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
@keyline-icons/mcp
An MCP server for Keyline Icons. Lets an agent search the set, read an icon's SVG, and get the right React import, without guessing at names.
Install
Claude Code:
claude mcp add keyline-icons -- npx -y @keyline-icons/mcpAnything else that speaks MCP over stdio:
{"mcpServers": { "keyline-icons": { "command": "npx", "args": ["-y", "@keyline-icons/mcp"] } } }
No API key, no network. The whole set ships inside the package.
Tools
| Tool | What it does |
|---|---|
describe_set | Counts, styles, and the rule deciding which icons have which style. Worth calling first. |
search_icons | Find icons by name. Returns which styles each has. |
get_icon | Full SVG source for one name, style and corner treatment, regular or sharp. |
get_react_usage | The import line and JSX from @keyline-icons/react, sharp entry points included. |
Why the tools are shaped this way
Names are guessable but not obvious. Compounds read base-first, so a mail icon with a tick is mail-check and not check-mail, and containers are prefixes: square-arrow-down. search_icons ranks exact over prefix over word-boundary over substring, so searching check returns check before the twelve compounds containing it.
A missing style is a real answer, not an error. bar-chart is three open strokes with no interior, so it has no fill, and the tool says exactly that rather than returning nothing. Duotone and fill need a fillable region, which comes from the glyph's own enclosed area or from a square/circle container.
Typos resolve in one turn. A name that misses is matched by substring, then by edit distance, then by leading segment, so chekc suggests check and arow suggests the arrow-* family even though there is no bare arrow icon.
Custom icons
Need icons the set does not have, drawn for your own product? Custom sets are drawn on the same grid and delivered as SVG, a Figma file and a React package.
Licence
MIT.