Figma总结

简介

Figma 是一款基于云端的 UI/UX 设计协作工具，自 2016 年推出以来，已成为全球设计师和产品团队的主流选择。

支持多人同时编辑同一文件

从静态设计到可交互原型，一站式完成

官网（国内也可以访问到）：https://www.figma.com/

限制

Figma已封禁被美国制裁名单中的中国企业账号（如大疆、华为、海康威视等），这些企业无法访问其平台上的设计文件。

文件存储在海外服务器，存在无法访问或泄露的风险。

因服务器位于海外，国内用户可能遇到加载缓慢、协作延迟等问题。

收费

https://www.figma.com/pricing/

Figma对个人用户提供免费版本，但对专业设计团队和企业用户收费。

免费限制：

• 无限次草稿
• UI工具包和模板
• 每日150 AI积分，每月最多500 AI积分

• 

使用

使用教程

 

gent使用

官方文档：https://developers.figma.com/docs/figma-mcp-server/remote-server-installation/

Claude Code使用

在 Claude Code 中设置 Figma MCP 服务器的推荐方法是安装 Figma 插件，该插件包含 MCP 服务器设置以及常用工作流程的代理技能。

claude plugin install figma@claude-plugins-official

手动设置：

安装mcp

claude mcp add --scope user --transport http figma https://mcp.figma.com/mcp

启动一个新的 Claude Code 实例。

claude

输入/mcpClaude 来管理您的 MCP 服务器，然后选择figma。

选择“身份验证”。

点击“允许访问”。

回到 Claude 代码中，你应该会看到：Authentication successful. Connected to figma

/mcp使用Claude Code 中的命令 确认您的 MCP 服务器已连接。

codex使用

在 Codex 应用的左上角，点击“技能”。

在技​​能列表中，点击每个 Figma 技能旁边的+号。

Figma、Figma 实现设计、Figma 使用、Figma Code Connect 组件、Figma 创建设计系统规则、Figma 创建新文件、Figma 生成库、Figma生成设计

在 Codex 应用的左下角，点击“设置”，然后点击“MCP 服务器”。

在推荐服务器列表中，单击“安装并验证Figma 服务器”。出现提示时，请授权该服务器。

 

codex cli使用

codex mcp add figma --url https://mcp.figma.com/mcp

出现提示时，请验证服务器身份。

Cursor使用

推荐方法是安装 Figma 插件

在 Cursor 的代理聊天窗口中输入以下命令来安装插件：

/add-plugin figma

该插件包含：

• Figma MCP 服务器的 MCP 服务器配置
• 具备实现设计、通过 Code Connect 连接组件以及创建设计系统规则的技能
• Figma MCP 服务器资产处理的正确规则