codex配置mcp

记录自己摸索配置的过程中,不喜勿喷!!!我是使用本地启动的MCP!!!

找到2个mcp的github:

https://github.com/1yhy/Figma-Context-MCP 取代号1

https://github.com/GLips/Figma-Context-MCP 取代号2

下载源码

到本地后,检查系统环境:

  • Node.js v18.0.0+ 或 v20.0.0+(推荐)
  • pnpm v7.0+ 或 npm v8.0+

检查Node.js版本

node -v

检查pnpm版本

pnpm -v

如未安装pnpm,可通过npm安装

npm install -g pnpm

源码的核心目录结构:

Figma-Context-MCP/

├── src/ # 源代码目录

├── package.json # 项目依赖配置

├── .env.example # 环境变量示例

└── tsconfig.json # TypeScript配置

安装依赖与构建

复制代码
cd Figma-Context-MCP

# 安装项目依赖
pnpm install
 
# 构建项目
pnpm run build

复制并配置环境变量文件

复制示例配置文件

cp .env.example .env

复制代码
# Your Figma API access token
# Get it from your Figma account settings: https://www.figma.com/developers/api#access-tokens
FIGMA_API_KEY=your_figma_api_key_here

# Server configuration 服务器监听端口
PORT=3333

# 测试用Figma文件
TEST_FIGMA_FILE_KEY=xxx

# 测试用节点ID
TEST_FIGMA_NODE_ID=xxx

# 本地文件配置
LOCAL_FIGMA_DIR=./figma_files  # 本地Figma文件存储目录
CACHE_EXPIRY_DAYS=7           # 缓存过期时间

# 性能优化配置
SKIP_IMAGE_DOWNLOADS=true     # 离线环境设为true
OUTPUT_FORMAT=json            # 输出格式

启动服务

pnpm run start

代表成功,ctrl+c关掉,之后用的都是生成的dist文件夹下的。

主要涉及的是codex的配置文件config.toml的配置,codex文件默认在C:\Users\xxxx\.codex

代号1的配置:
复制代码
[mcp_servers.Framelink_Figma_MCP]
enabled = true
command = "D:\\software\\nodejs\\node.exe"
args = [
    "F:\\codex_code\\Figma-Context-MCP\\dist\\index.js",
    "--stdio"
]
startup_timeout_sec = 120

[mcp_servers.Framelink_Figma_MCP.env]
FIGMA_API_KEY = "figd_xxxxxx"

代号2的配置:

复制代码
[mcp_servers.Framelink_Figma_MCP]
enabled = true
command = "D:\\software\\nodejs\\node.exe"
args = [
    "F:\\codex_code\\Figma-Context-MCP-main\\dist\\bin.js",
    "--stdio"
]
startup_timeout_sec = 120

[mcp_servers.Framelink_Figma_MCP.env]
FIGMA_API_KEY = "figd_xxxxxx"
FRAMELINK_TELEMETRY = "off"

获取 Figma API 令牌

  1. 访问 Figma 账户设置
  2. 滚动到 "Personal access tokens"
  3. 点击 "Create new token"
  4. 复制令牌,此令牌也就是上述配置的FIGMA_API_KEY的值。
相关推荐
anxiao_m19 分钟前
AI大模型API怎么对接?新手零基础落地教程
ai·aigc
_夜半钟声到客船2 小时前
面试官:LangSmith 和 LangFuse 区别?我:先讲 OpenTelemetry 标准,他沉默了
人工智能·ai·langchain·可用性测试
ACP广源盛139246256732 小时前
GSV5600 国产 8K Serdes 视频延长芯片,AI 超高清可视化远距离传输方案解析
大数据·人工智能·ai·硬件架构·国产芯片
liulilittle3 小时前
OpenCode 中解禁 Muse-Spark 1.3 - max 档
ai·spark·llm·agent·tools·opencode·muse
坚定信念,勇往无前3 小时前
视频去重技术方案
ai
Python自动化直播3 小时前
用 Python 爬虫给 AI 直播间做数据反馈机制
人工智能·python·ai·直播
破土士V4 小时前
AI生成测试用例+agent browser实现Web测试用例执行
ai·自动化·cursor·ai生成测试用例·agent browser·ai自动执行测试用例
七夜zippoe4 小时前
Prompt 工程进阶:角色设定、任务分解、输出约束与示例引导
ai·prompt·openai·agent·工程进阶
StarRocks_labs4 小时前
当大模型调用进入执行引擎:StarRocks AI Function 全新能力解析
数据库·starrocks·sql·ai·pipeline·数据处理·join
qq_369173634 小时前
让 Agent 自己完成交付:AI 生成内容的发布、反馈与自动修改闭环
人工智能·ai·效率工具·ai 工作流