Problem
Qoder 目前连接的是 Figma Developer MCP(只读/基础工具),不支持 Figma 官方最新推出的如 figma-use 写入画布、figma-generate-design 等。设计或前端无法通过 Qoder 让 AI 直接在 Figma 画布上创建和修改真实可编辑的设计内容。
Solution
接入 Figma 官方最新的远程 MCP Server,使 Qoder 进入 Figma MCP 的官方支持客户端列表(https://www.figma.com/mcp-catalog/)。
Use Case
-
用户通过 Qoder 用自然语言直接在 Figma 画布上生成页面、组件和布局
-
基于现有设计系统批量生成页面,保持设计一致性
-
将代码组件与 Figma 组件关联(Code Connect)
-
一句话创建新 Figma 文件并填充内容
Priority
-
High - Blocking issue -
Medium - Important improvement -
Low - Nice to have
(Figma Skills 目前处于 beta 免费期;目前 Claude Code 和 Cursor 等共19个产品均已支持)
Additional Info
-
Figma 官方 Skills 发布日期:2026年3月24日(beta)
-
官方文档:https://help.figma.com/hc/en-us/articles/39166810751895-Figma-skills-for-MCP
-
目前官方支持的客户端:Claude Code、Cursor 等
-
figma-use(写入画布)为核心能力,官方说明未来会转为付费功能