Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
AI-powered brand identity generation via MCP with design tokens, typography, and logo assets.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"branding": {
"command": "npx",
"args": [
"-y",
"@forgespace/branding-mcp"
]
}
}
}ターミナルでこれを実行します
claude mcp add branding -- npx -y @forgespace/branding-mcpプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"branding": {
"command": "npx",
"args": [
"-y",
"@forgespace/branding-mcp"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"branding": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@forgespace/branding-mcp"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント Forge-Space で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(0.56.0)がレジストリに届いたのは7 か月前です。
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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
@forgespace/branding-mcp AI-powered brand identity generation via MCP — part of the Forge Space open developer workspace.
Generate complete design systems — colors, typography, spacing, shadows, borders, motion tokens, gradients, multi-variant logos, favicons, and OG images with multi-format export. 58 MCP tools, zero API dependencies, algorithmic-first generation.
npm install
npm run build
npx -y @forgespace/branding-mcp@latest
npm install -g @forgespace/branding-mcp
forgespace-branding-mcp
{
"mcpServers": { "forgespace-branding": { "command": "npx", "args": ["-y", "@forgespace/branding-mcp@latest"] } } }
Set ANTHROPIC_API_KEY when you want AI-assisted refinement. The server also works in algorithmic-only mode without external APIs.
Core and vertical tools are available (58 total). The table below highlights the core set plus key vertical generators, including healthcare.
| Tool | Description |
|---|---|
generate_brand_identity | Complete brand from name, industry, and style |
generate_color_palette | Color palette with harmony and WCAG data |
generate_typography_system | Font pairing + modular type scale |
export_design_tokens | Export brand to JSON/CSS/Tailwind/Figma/React/Sass |
create_brand_guidelines | Generate HTML brand book |
validate_brand_consistency | Check WCAG compliance and completeness |
refine_brand_element | Iterate on specific brand elements |
generate_brand_assets | Generate favicons and OG images from brand |
generate_design_system | Complete design system in one call (identity + export) |
generate_brand_fintech | Fintech-specific strategy with compliance and security |
generate_brand_healthcare | Healthcare strategy with care models and safety signals |
| Resource | URI | Description |
|---|---|---|
| Brand Templates | brand://templates | Pre-configured industry templates |
| Brand Knowledge | brand://knowledge | Color theory and typography rules |
npm run dev # Watch mode
npm run validate # Lint + format + test npm run test # Run tests npm run test:coverage # Coverage report npm run build # Build TypeScript
@forgespace/branding-mcpserver.json and mcpName are included for registry submissionv* runs npm publish with provenance, then publishes the same version to the MCP Registry via GitHub OIDC.github/workflows/mcp-registry-status.yml refreshes one issue with npm and MCP Registry drift, visibility, and next actionssrc/
├── index.ts # MCP server entry ├── lib/ │ ├── branding-core/ # Core library (reusable) │ │ ├── generators/ # Color, typography, spacing, logo, gradients, favicons, OG │ │ ├── exporters/ # Multi-format token export │ │ ├── validators/ # WCAG, consistency checks │ │ └── documents/ # Brand book generation │ ├── config.ts # Environment config │ ├── logger.ts # Pino logging │ └── types.ts # TypeScript interfaces ├── tools/ # 58 MCP tool registrations └── resources/ # Templates + knowledge base
Part of the Forge Space ecosystem:
brandId parameter/branding/*MIT