该工具提供了丰富的功能,主要包括:
- 设计读取功能:获取文档信息、查看选中内容或特定节点详情
- 设计操作功能:创建矩形、文字等元素,修改颜色、边框等样式
- Code Generation Functions:将 Figma 设计转换为 React、HTML 等前端代码
- 组件管理功能:读取和使用本地或团队组件
- export function:将设计节点导出为 PNG、JPG、SVG 或 PDF 格式
这些功能通过 MCP 协议与 WebSocket 技术实现实时交互,让设计和开发工作无缝衔接。
This answer comes from the articleMCP service for reading and modifying Figma designs using Cursor.The