Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
パソコンで動く
Orvain UI
What it does
Orvain UI design system for React and Vue: real component props, variants and tokens for AI tools
- Connects クラウドで動く
- Account or key Needs Authorization
- Category デザイン・画像・音声
インストール
使っているAIアプリを選んで、設定をコピーしてください。
チェック 0/3 合格 · 質問内容は提供元のサーバー（mcp.orvain.dev）を通ります · ✓ コマンド確認済み 2026年11月13日
まず：どの AI を使っていますか？
使っているアプリを選ぶと、下に手順が表示されます。
Claude につなげます · 約 5 分
Orvain UI のキーが必要です（提供元のサイトで作成） · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー（Owner）が追加
Claude の Connectors ページを開く
CustomizeConnectors
「Add」→「Custom」→「Web」を押し、この 2 つを入力
ここからコピーして Claude の同じ名前の欄に貼り付け、Continue を押します
Name · 名前Orvain UIRemote MCP server URL · アドレスhttps://mcp.orvain.devRequest headers に、この名前と値を追加
ヘッダー名Authorization値Bearer <ここにキーを貼り付け>キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Claude が検出したサインイン設定の画面で Continue を押す · Authentication は作者の説明どおり（Sign in now・Sign in when needed・No sign in）を選び Add を押します
チャットで有効にする
+ConnectorsOrvain UI
試してみる
Orvain UI を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が Orvain UI を使っていると言うか、回答に Orvain UI のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT はまだ Orvain UI につなげません
Orvain UI は接続時に自分のキーが必要ですが、OpenAI のヘルプページは OAuth ログインしか説明しておらず、確認できたキー入力方法がありません
代わりにできること
A · Orvain UI につなげるアプリを使う
- Orvain UI のキーが必要です（提供元のサイトで作成） · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー（Owner）が追加
- Orvain UI のキーが必要です（提供元のサイトで作成）
- Orvain UI のキーが必要です（提供元のサイトで作成）
- Orvain UI のキーが必要です（提供元のサイトで作成）
B · デザイン・画像・音声 の中で ChatGPT につなげる別のサーバー
同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました
- Pascal 3D Editor✓ ChatGPT
- Semiotic✓ ChatGPT
- TypeUI✓ ChatGPT
Claude Code につなげます · 約 5 分
Orvain UI のキーが必要です（提供元のサイトで作成）
ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く
このコマンドを貼り付けて Enter
claude mcp add --transport http --scope user orvain-ui https://mcp.orvain.dev --header 'Authorization: Bearer {licence_key}'Enter の前に「your-value」を自分のキーに書き換えてください
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Claude Code で /mcp と入力
Orvain UI が一覧にあり、接続済みと表示されれば OK です
試してみる
Orvain UI を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が Orvain UI を使っていると言うか、回答に Orvain UI のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげます · 約 5 分
Orvain UI のキーが必要です（提供元のサイトで作成）
キーを入力
Orvain UI の設定で Authorization が空です。自分のキーを入れて保存します
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Cursor の AI チャットを Agent モードで開く
試してみる
Orvain UI を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が Orvain UI を使っていると言うか、回答に Orvain UI のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげます · 約 5 分
Orvain UI のキーが必要です（提供元のサイトで作成）
キーを入力
Orvain UI の設定で Authorization が空です。自分のキーを入れて保存します
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
VS Code の AI チャットを Agent モードで開く
試してみる
Orvain UI を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が Orvain UI を使っていると言うか、回答に Orvain UI のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
開発者向け：ターミナルのコマンドと JSON 設定
Web 経由
Claude Code
claude mcp add --transport http --scope user orvain-ui https://mcp.orvain.dev --header 'Authorization: Bearer {licence_key}'Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"orvain-ui": {
"url": "https://mcp.orvain.dev",
"headers": {
"Authorization": "Bearer {licence_key}"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"orvain-ui": {
"type": "http",
"url": "https://mcp.orvain.dev",
"headers": {
"Authorization": "Bearer {licence_key}"
}
}
}
}自分で入力する値
- Your Orvain UI licence key from purchase (orvain.dev/pricing), sent as Bearer
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
ひと目でわかる
- 週あたりのダウンロードi
- npm/PyPIにない
- 確認済みドメイン
- ✓ orvain.dev
- 接続方法
- クラウドで動く
- トランスポート
- streamable-http
- 最新バージョンi
- 1.0.0
- カテゴリi
- デザイン・画像・音声
- レジストリ公開日i
- 2026年10月21日
- コードの最終更新i
- –
- 作者
- orvain.dev
- ウェブサイト
- orvain.dev
- レジストリでの状態
- 有効
使えるアプリ
このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。
インターネット経由でつなげるアプリ
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
できること
このサーバーは、ツール一覧を表示する前にサインインを求めます。
基本チェックi
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月14日にチェック
- ! 注意
作者とリポジトリが一致
レジストリにソースのリポジトリが載っていないため、公開者（orvain.dev）とコードを照合できません
- … 未チェック
今もメンテナンスされている
このリポジトリはまだGitHubから読み取っていません
- … 未チェック
ライセンスがある
このリポジトリはまだGitHubから読み取っていません
- ! 注意
エンドポイントが応答する
アクセスを拒否（HTTP 401）し、OAuth ログインもありません。キーが必要か、ボット対策の可能性があり、未確認です。
- ! 注意
OAuthでサインイン
キーやトークンを自分でコピーして貼り付ける必要があります
- … 未チェック
ツールの説明に隠れた指示がない
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
話し合い
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
ユーザーレビュー
まだレビューはありません
デザイン・画像・音声のほかのサーバーとの比較i
- このカテゴリのほかの3035件のうち0%よりスターが多い
- このカテゴリのほかの3035件のうち56%より最近レジストリに公開
- 基本チェックの結果が、このカテゴリのほかの3035件のうち5%と同じかそれ以上
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
よくある質問
Orvain UIは安全ですか？
当てはまる基本チェック3項目のうち0項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
どんなキーやコードが必要ですか？
入力が必要なもの：Authorization
パソコンで動きますか、それともクラウドですか？
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
今もメンテナンスされていますか？
GitHubリポジトリの最終更新は–、最新バージョン（1.0.0）がレジストリに届いたのは24 日前です。
どのアプリで使えますか？
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URL で接続するので、リモート MCP を受け付けるアプリでも使えます。例：Web 版 ChatGPT（Business 以上はフル MCP、Pro は読み取りのみ）。
代わりに使えるものは？
同じカテゴリには：Figma Context MCP, AutoClip, Next AI Draw.io
同じカテゴリのほかの候補
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方：↓ 週あたりのダウンロードi★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i
Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
パソコンで動く
作者のREADME
リポジトリにREADMEが見つかりません