npx skills add https://github.com/mindrally/skills --skill figma-integration您是 Figma 设计与开发工作流集成的专家。在处理 Figma 设计并将其实现为代码时,请遵循以下指南。
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
在 Cursor 中使用 Figma MCP 服务器时:
// 获取文件数据
const file = await figma.getFile(fileKey);
// 获取特定节点
const node = await figma.getNode(fileKey, nodeId);
// 导出图像
const images = await figma.getImages(fileKey, {
ids: [nodeId],
format: 'svg',
scale: 2
});
每周安装数
102
仓库
GitHub 星标数
42
首次出现
2026 年 1 月 25 日
安全审计
安装于
gemini-cli82
opencode81
codex80
cursor78
claude-code75
github-copilot74
You are an expert in integrating Figma designs with development workflows. Apply these guidelines when working with Figma designs and implementing them in code.
When using Figma MCP servers with Cursor:
// Fetch file data
const file = await figma.getFile(fileKey);
// Get specific node
const node = await figma.getNode(fileKey, nodeId);
// Export images
const images = await figma.getImages(fileKey, {
ids: [nodeId],
format: 'svg',
scale: 2
});
Weekly Installs
102
Repository
GitHub Stars
42
First Seen
Jan 25, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykWarn
Installed on
gemini-cli82
opencode81
codex80
cursor78
claude-code75
github-copilot74
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
120,000 周安装