Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Production MCP server for The Noun Project — search & download icons in Cursor/Claude with OAuth…
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
NOUN_CONSUMER_KEY, NOUN_CONSUMER_SECRET, NOUN_API_TIER「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"noun": {
"command": "npx",
"args": [
"-y",
"@alisaitteke/noun-mcp"
],
"env": {
"NOUN_CONSUMER_KEY": "your-value",
"NOUN_CONSUMER_SECRET": "your-value",
"NOUN_API_TIER": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add noun --env NOUN_CONSUMER_KEY=your-value --env NOUN_CONSUMER_SECRET=your-value --env NOUN_API_TIER=your-value -- npx -y @alisaitteke/noun-mcp動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"noun": {
"command": "npx",
"args": [
"-y",
"@alisaitteke/noun-mcp"
],
"env": {
"NOUN_CONSUMER_KEY": "your-value",
"NOUN_CONSUMER_SECRET": "your-value",
"NOUN_API_TIER": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"noun": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@alisaitteke/noun-mcp"
],
"env": {
"NOUN_CONSUMER_KEY": "your-value",
"NOUN_CONSUMER_SECRET": "your-value",
"NOUN_API_TIER": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月9日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント alisaitteke で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:NOUN_CONSUMER_KEY, NOUN_CONSUMER_SECRET, NOUN_API_TIER
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(1.0.6)がレジストリに届いたのは2 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ 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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Languages: English · 简体中文 · Español · Deutsch · 日本語 · Türkçe
Ask for icons in plain words. Describe what you need — "a solid coffee cup, public domain" — and your AI assistant searches The Noun Project, picks a match, and downloads SVG or PNG into your project. Works with Cursor, Claude Desktop, and Claude Code.
Note: This is an unofficial, community-maintained project and is not affiliated with or endorsed by The Noun Project.
Under the hood: 7 tools — full list in docs/available-tools.md.
Find solid public-domain coffee cup icons, then download one as a red SVG into ./icons.
Suggest search terms for "spo", then search weather collections.
How many Noun Project API calls have I used this month?
You need Node.js 18+ and Noun Project API keys (create an app — a free account works). Set NOUN_API_TIER to FREE (2,000 service / 150 icon calls per month) or PAID. Quota details: docs/available-tools.md.
Replace your_key / your_secret with your Consumer Key and Secret after install.
Claude Code:
claude mcp add \
--transport stdio \ noun-project \ --env NOUN_CONSUMER_KEY=your_key \ --env NOUN_CONSUMER_SECRET=your_secret \ --env NOUN_API_TIER=FREE \ -- npx -y @alisaitteke/noun-mcp
Or add this to your MCP client's config (Cursor, Claude Desktop, …):
{
"mcpServers": { "noun-project": { "command": "npx", "args": ["-y", "@alisaitteke/noun-mcp"], "env": { "NOUN_CONSUMER_KEY": "your_key", "NOUN_CONSUMER_SECRET": "your_secret", "NOUN_API_TIER": "FREE" } } } }
Ready-made files: examples/cursor-config.json, examples/claude-desktop-config.json.
search_icons is a cheap service call and already returns IDs, license, and thumbnails.download_icon / get_icon spends an icon call.Hit a quota error? Ask for check_usage, then wait or refine. Common fixes: docs/troubleshooting.md.
Contributions are welcome! Please read CONTRIBUTING.md before opening a PR.
Built by [Ali Sait Teke](https://alisait.com) — GitHub · LinkedIn.
MIT