Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Read Lanhu design specs and export fine-grained UI assets with platform-adjusted units
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"lanhu-design": {
"command": "uvx",
"args": [
"lanhu-design-mcp"
]
}
}
}ターミナルでこれを実行します
claude mcp add lanhu-design -- uvx lanhu-design-mcpプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"lanhu-design": {
"command": "uvx",
"args": [
"lanhu-design-mcp"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"lanhu-design": {
"type": "stdio",
"command": "uvx",
"args": [
"lanhu-design-mcp"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月9日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント blantian で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(0.2.0)がレジストリに届いたのは4 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにPython (uv)も必要です。
同じカテゴリには: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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
面向 macOS 的蓝湖设计读取与细粒度 UI 资源导出 MCP 服务器。
pip install lanhu-design-mcp
lanhu-design-mcp auth login
lanhu-design-mcp auth status
首次运行打开独立的本地 Chrome Profile,完成一次交互式 Lanhu 登录。后续 MCP 进程自动重用会话,正常设计工具调用不会打开可见浏览器。认证仅使用托管 Chrome Profile,不需要也不支持通过 Cookie 环境变量或 Cookie 文件配置凭据。
lanhu-design-mcp auth logout --confirm
{
"mcpServers": { "lanhu-design-mcp": { "type": "stdio", "command": "/Users/your-name/.local/bin/lanhu-design-mcp", "args": [] } } }
将 /Users/your-name 替换为你的本机用户名。此配置适用于 cc-switch 导入。
| 工具 | 说明 |
|---|---|
lanhu_health_check | 返回本地配置状态,不访问网络且不暴露凭据 |
lanhu_get_designs | 获取项目的所有设计图列表 |
lanhu_analyze_design | 分析指定设计稿并返回平台调整后的 UI 结构 |
lanhu_get_design_assets | 返回完整设计图与细粒度可下载切图资源 |
lanhu_export_ui_context | 返回包含资产和分析的完整 Agent UI 还原上下文 |
lanhu_auth_login | 打开专属 Chrome Profile 进行交互式 Lanhu 登录 |
lanhu_auth_status | 报告托管认证状态,不含凭据 |
lanhu_auth_logout | 登出并删除托管 Profile,需要 confirm=true |
lanhu_auth_logout 并传 confirm=true,或 CLI --confirm,仅删除托管的标记 Profile。| 状态 | 说明 | 处理 |
|---|---|---|
auth_required | 凭据无效或过期 | 运行 lanhu-design-mcp auth login |
unsupported_platform | 仅在 macOS 支持 | 使用 macOS 设备 |
dependency_missing | Playwright Python 库或 Chrome 不可用 | pip install --upgrade lanhu-design-mcp |
profile_locked | 托管 Profile 被其他进程占用 | 等待完成后重试 |
cancelled | 登录窗口在认证完成前关闭 | 重新运行 lanhu-design-mcp auth login |
timed_out | 登录窗口 5 分钟内未完成认证 | 重新运行 lanhu-design-mcp auth login |
git clone https://github.com/blantian/lanhu-design-mcp
cd lanhu-design-mcp uv sync --dev uv run pytest
MIT