zed
将Figma设计文件集成到Zed编辑器，为AI助手提供上下文服务。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：zed。 它的用途是：将Figma设计文件集成到Zed编辑器，为AI助手提供上下文服务。 详细介绍见：https://321skill.com/skills/zed-zed-mcp-server-figma/ 请根据该页面的说明完成安装。
使用示例
“根据Figma中‘登录按钮’组件的设计，帮我生成对应的React代码。”，它会读取Figma中的设计规范，生成样式匹配的按钮组件代码。或者问：“当前设计稿中主色调的HEX值是多少？”，AI可以直接从上下文中提取并告诉你。
介绍
这个Skill是一个MCP服务器，专门用于将Framelink Figma服务器集成到Zed代码编辑器中。它解决了开发者在Zed中编码时，需要频繁切换到Figma查看设计稿、确认UI细节或获取设计规范的问题，通过将Figma设计文件作为上下文提供给AI助手，实现了设计与开发的流畅衔接。
使用时，你需要在Zed中配置并运行此MCP服务器，连接你的Figma项目。之后，当你向Zed内置的AI助手（如Claude）询问与UI相关的问题时，AI可以基于当前集成的Figma设计文件内容来理解上下文，从而提供更准确的代码建议、样式参考或设计一致性检查。
它非常适合需要紧密对接设计稿进行前端或UI开发的角色，如前端开发、全栈开发和UI设计师。他们可以在编写组件代码、调整样式或进行UI走查时，让AI助手直接参考Figma源文件，提升工作效率和准确性。
建议在使用前确保你有访问相关Figma文件的权限，并了解MCP在Zed中的基本配置方法。注意，此Skill主要服务于AI的上下文理解，本身不直接修改Figma文件，且其效果依赖于所连接AI模型对设计文件的理解能力。
核心特点
与通用的Figma插件或独立设计工具不同，它深度集成于Zed编辑器的MCP生态，将设计上下文直接注入编码环境中的AI会话，实现了在编码工作流中无缝调用设计资产，而非简单的设计稿查看。
注意事项
不适合不依赖Figma进行UI设计或无需在编码时频繁参考设计稿的开发场景。
常见问题
这个Skill需要Figma的什么权限？
需要能够通过Figma API访问特定设计文件的权限，通常需要生成个人访问令牌。
它支持哪些AI助手？
支持任何集成在Zed中并兼容MCP协议的AI助手，如Claude for Zed。