@Panzer-Jack
Frontend Useful MCP Tools - Essential utilities for web developers to automate API integration and code generation
使用下面的配置,将此服务器添加到你的 MCP 客户端。
{
"mcpServers": {
"feuse-mcp": {
"command": "npx",
"args": [
"feuse-mcp@latest"
],
"env": {
"FIGMA_API_KEY": "YOUR_FIGMA_API_KEY"
}
}
}
}基于获取的Figma明确的样式信息 并且在Png图片识别的辅助调整下（主要依据Figma明确的样式信息），并自动根据本地相关配置（如eslint等）来进行对应调整
Download SVG and PNG images used in a Figma file based on the IDs of image or icon nodes
获取Figma原型图，请你结合项目源码并通过原型图与生成的代码页面的截图进行相似性比对
理解后端接口文档自动生成接口类型、地址常量、mock数据、请求函数等
针对用户指定项目进行分析，生成Copilot 和 cursor对应的全局项目规则
从Figma DSL文件中提取颜色变量，并输出在用户指定的文件中（比如unocss、tailwindcss或者自定义标准文件中等）
分析figma SDL中的结构，并调用download-svg-assets工具下载Figma文件中使用的SVG资源
根据图像或图标节点的ID，仅下载Figma文件中使用的SVG资源
Feuse Mcp is a Model Context Protocol server that bridges Figma designs and frontend code, offering tools for design-to-code conversion, API automation, asset management, and project standardization. It is intended for developers and teams looking to streamline the workflow from Figma prototypes to production-ready code.
Feuse Mcp provides a set of tools accessible through the Model Context Protocol, enabling operations like Figma-to-code generation, SVG extraction, color variable conversion, and API documentation parsing. Users integrate these tools into their development environment via MCP configuration, with detailed setup guidance available in the official documentation.
Feuse Mcp includes eight tools: Figma-To-Code, extract-svg-assets, extract-color-vars, similarity-figma, api-automation, initialize-project-standard, Download-Figma-Images, and download-svg-assets, each serving a specific function from asset extraction to code generation.
Yes, the extract-color-vars tool can output color variables in standards such as UnoCSS, TailwindCSS, or custom structures.
Feuse Mcp uses the Figma-Context-MCP library to access Figma file data, enabling design-to-code conversion, SVG/PNG asset extraction, and visual comparison.
The full documentation is available at the Feuse Mcp official site: https://panzer-jack.github.io/feuse-mcp/en.
All Figma-related tools require a `fileKey` parameter, and some accept an optional `nodeId`. The api-automation tool requires an `apiDocs` parameter. No authentication or transport details are specified in the README.
ArtiBot Cloud MCP (Zhijiangyun 智匠云) — cloud MCP server for robot manipulation data & GPU workloads. 15 tools: robot fleet management, data collection & video recording, post-processing pipelines, and benchmark evaluation
Automated codebase documentation for GitHub: searchable docs, MCP context for AI agents, doc drift detection, and Friday Cleanup PRs.
Turn Perfex CRM into an AI-ready workspace. This MCP server exposes your full REST API to Claude, ChatGPT and any AI agent, so leads, invoices and tasks are one prompt away.
Give an agent a place to put large output. Instead of returning 40k characters of a build log into the conversation, it posts the file to DocBin and hands back one short URL. Docs render with syntax highlighting and mark
Catch intent conflicts before code conflicts. The open-source coordination protocol for coding agents, built above Git.
评论