
MagicPath (Codex)
PluginMagicPath 官方 Codex 插件,收录于 OpenAI 官方插件市场。在 Codex 里搜索并安装 MagicPath 画布上的 UI 组件、套用团队主题,也能把本地代码里的界面搬上画布继续改。需要 MagicPath 账号和 Node.js。
MagicPath
Codex plugin for using MagicPath through the magicpath-ai CLI.
What It Does
- Search, inspect, and install MagicPath UI components.
- Work with MagicPath projects, teams, members, themes, and canvas selections.
- Create or edit MagicPath canvas components from local code.
- Recreate UI from a local path or Git repository on a MagicPath canvas.
- Keep a MagicPath project canvas open in Codex's embedded Browser when visual work needs review.
Codex Files Included
.codex-plugin/plugin.jsonskills/magicpath/SKILL.mdskills/magicpath/references/*.mdassets/magicpath.png
This local package intentionally omits non-Codex marketplace and installer material from the upstream repository.
相关资源

Figma (Codex)
PluginFigma 出品、收录于 OpenAI 官方市场的 Codex 插件:按设计稿实现界面、生成 Code Connect 映射,还能在 Figma 里创建或更新页面、组件库、FigJam 图表和幻灯片。需要连接 Figma 账号。
openai/plugins7.5k
Product Design
PluginOpenAI 官方 Codex 插件:把早期产品想法、线上页面或截图做成可交互原型,先给出几个视觉方向再动手实现,也能审查用户流程、调研用户痛点和排查无障碍问题。
openai/plugins7.5k
Penpot MCP Server
MCP开源设计工具 Penpot 官方 MCP:借助 Penpot 插件 API 让 agent 查询、修改和生成设计稿,支持设计转代码与代码转设计。需先运行 npx -y @penpot/mcp@latest,并在 Penpot 中加载 MCP 插件完成连接。
penpot/penpot61.2k
OpenPencil
MCP开源的 AI 原生矢量设计工具,桌面应用内置 MCP 服务器,可在应用里一键接入 Claude Code、Codex,让 agent 用自然语言读写 .op 设计稿、套用风格指南,并导出 React、Vue、Flutter、SwiftUI 等代码。需先安装桌面应用。
ZSeven-W/openpencil6.2k
Figma Console MCP
MCP让 agent 读写 Figma:提取变量、组件和样式,在画布上新建和修改界面、FigJam 白板与演示,做无障碍检查和设计系统审计。需要 Figma 个人访问令牌、Figma 桌面版和 Node.js,并导入配套插件。
southleft/figma-console-mcp2.5k
figma-generate-design
Skill把代码里的页面、弹窗、侧栏等界面或文字描述,搭建成 Figma 画布上可编辑的设计稿,优先复用文件里已发布设计系统的组件与变量。Figma 官方维护,需连接 Figma 远程 MCP 服务器,并同时安装 figma-use 技能。
figma/mcp-server-guide2.1k