Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Design a React Native app in a browser and emit it as a real Expo project you own, iOS and Android.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
https://opointo.com/api/mcpターミナルでこれを実行します
claude mcp add --transport http opointo https://opointo.com/api/mcpプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"opointo": {
"url": "https://opointo.com/api/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"opointo": {
"type": "http",
"url": "https://opointo.com/api/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです:
https://opointo.com/api/mcpメニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのツール一覧はまだ読み取っていません。エンドポイントは順番にチェックしています。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック
レジストリ名はドメイン opointo.com で確認済みです(レジストリがドメインの所有を確認しています)
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
GitHubリポジトリの最終更新は–、最新バージョン(0.2.1)がレジストリに届いたのは40 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。
同じカテゴリには: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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Design your app visually. Get a working native app.
opointo is an App Builder: you design your app in the browser (screens, blocks, navigation drawn as arrows, your theme), and your coding agent turns it into a real Expo project you own. One codebase for iOS and Android, with Liquid Glass on iOS 26 and Material 3 Expressive on Android.
This MCP server is how the design reaches your agent. It lives at:
https://opointo.com/api/mcp
Streamable HTTP. This repository holds the server's public listing and setup instructions, not its source.
Free, no account: everything your agent needs to use the components correctly.
| Tool | What it does |
|---|---|
list_components | The shipped components, and which render the real iOS system control |
get_component | Props, types, defaults and value domains for one component |
find_component | Ranked components for a UI need described in plain language |
get_rules | The runtime rules: the mistakes that make a component render blank |
get_provider_tree | The app-root provider nesting, in the order that works |
get_theme_tokens | Theme hooks and the spacing, radius and typography scales |
check_snippet | Finds blank-render bugs in TSX that uses these components |
get_step | Expands one step of an app recipe |
With a subscription: the tools that write and verify your app.
| Tool | What it does |
|---|---|
emit_app | Turns your opointo design into a working Expo app: navigation, providers, tab bar, screens |
emit_screen | Turns one designed screen into a file for an app that already exists |
add_screen | Adds a new screen to an exported app |
install_component | Adds one component to an existing project |
update_components | Updates the opointo-supplied files as iOS and Android move |
verify_app | Checks the emitted app was applied correctly, before it is built |
Plans and the licence key: opointo.com/pricing.
Each snippet below adds the free tools. For the paid tools, add your licence key as a bearer token; opointo.com/mcp has the exact variant for each agent.
Claude Code
claude mcp add --transport http --scope user opointo https://opointo.com/api/mcp
Cursor (~/.cursor/mcp.json)
{
"mcpServers": { "opointo": { "url": "https://opointo.com/api/mcp" } } }
VS Code (.vscode/mcp.json)
{
"servers": { "opointo": { "type": "http", "url": "https://opointo.com/api/mcp" } } }
Codex
codex mcp add opointo --url https://opointo.com/api/mcp
Gemini CLI
gemini mcp add --scope user --transport http opointo https://opointo.com/api/mcp
Exported apps are Expo projects. Building them for iOS needs a Mac with Xcode 26; see opointo.com/compatibility for what is verified on which platform.