"AI-assisted Code Refactoring Tools and Techniques" matching MCP servers:

Enables conversion of Figma designs into frontend code (React, Vue, HTML, etc.) with high fidelity, including design tokens, assets, and responsive layout. Integrates with AI editors via MCP for a seamless design-to-code workflow.

Aggregates GitHub, GitLab, and Figma development tools via MCP, enabling file access, code search, and design inspection. Also supports executing standalone tasks with Claude Code or Codex CLI.

Provides AI-powered tools for UX/UI review, web component generation, and code refactoring using Google Gemini.

Enables coding agents to search and retrieve 500+ production-ready React and Tailwind UI sections, page recipes, and brand-styled components over MCP, along with imagery and social post templates.

Transforms HTML into Figma designs using only the user’s design system, ensuring correct component usage or safe fallback to primitives, while continuously learning from each build to improve mapping accuracy and consistency.

Injects the Code-Me brand identity, tone, and visual guidelines into LLMs with zero latency using built-in context files.

Enables color conversion between HEX/RGB/HSL/HSV/CMYK, palette generation, WCAG contrast checking, color mixing/adjustment, and CSS gradient creation for AI agents.

Provides AI assistants with frontend development tools including component scaffolding, bundle analysis, accessibility checks, and responsive design guidance. Enables automated generation of React components with tests and stories, bundle optimization recommendations, and WCAG compliance fixes.

Maps design components, tokens, and patterns to their code implementations, providing AI coding agents with exact-match resolution across any design tool and framework. Enables agents to reliably discover and reuse existing components across React, Vue, Flutter, SwiftUI, and more.

Provides 8 MCP tools for frontend design: load design system, generate components, scaffold pages, review consistency, extract tokens, check WCAG 2.2 AA, test responsiveness, and export to Figma.

Enables rigging, animation, and VFX workflows for Roblox through an MCP-compatible chat client, connecting Blender and Roblox Studio for tasks like skeleton fitting, keyframe editing, particle effects, and FBX export.

A comprehensive MCP server for Vue component development and Figma design restoration, featuring snapDOM-powered screenshots, pixel-perfect visual comparison, and automated SVG optimization.

Transforms Figma design data into a compact, LLM-friendly format for code generation, reducing size by 99.5% while preserving UI-critical information.

Enables AI-assisted 3D scene manipulation in Cinema 4D via natural language, using an MCP server that communicates with a C4D plugin.

Enables AI assistants to control Figma in real-time through Model Context Protocol, allowing design creation, editing, and reading operations directly from VS Code.

Enables AI assistants to inspect, modify, export, and validate design documents with 47 tools covering design, code generation, branding, and print/mockup workflows.

MCP server for creating and editing Effekseer effects with AI agents. It provides tools to manage effect documents, nodes, properties, resources, and curves via stdio.

Enables AI agents to read, watch, and edit live Excalidraw rooms by joining as a socket bot over a self-hosted relay, bypassing browser automation.

Enables natural-language CAD geometry creation in Autodesk Fusion 360 by connecting an LLM running in WSL via OpenCode to Fusion on the Windows host.

Generate professional AI-powered presentations from a topic, raw text, or document file. Export to PPTX, PDF, image, or shareable link.