feuse-mcpFrontend Useful MCP Toolkit

Automated API integration, Figma design-to-code, and development workflow optimization toolkit for web developers

🎨

Figma Integration

Built-in integration with Figma-Context-MCP, seamlessly convert Figma designs to code, automatically extract assets and color variables

📝

Generate TypeScript interface types, URL constants, Mock data and request functions from API documentation, supporting multiple document formats

🖼️

Intelligently download and organize SVG and PNG images from Figma, supporting batch operations and complex node structures

🎯

Smart similarity scoring based on visual comparison, accurately verify generated code pages against original Figma prototypes

🛠️

Analyze project structure, automatically generate global project rules configuration and coding standards for Copilot and Cursor

🔧

Extract and convert Figma color variables to CSS/design tokens, supporting UnoCSS, TailwindCSS or custom formats