"Tools and Components for Visual AI Code Editing and Chat Interfaces" matching MCP servers:

Enables AI assistants to search, understand, and generate code for design system components by syncing and indexing a component library.

Provides 26 MCP tools for designing, previewing, and safely applying visual skins to DeepSeek Harness, enabling AI agents to perform complete skin workflows from image upload to theme application.

Enables driving Inkscape headlessly from an MCP client, with verified SVG editing, rendering, optimization, and animation tools.

Enables AI assistants to control Blender 3D modeling and rendering through natural language commands via the Model Context Protocol.

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

MCP server that exposes the @bunge/ds-components design system catalog, allowing AI assistants to list, search, and retrieve component details including inputs, outputs, usage examples, and import instructions.

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.

Enables Large Language Models to access and manipulate Autodesk Revit models through a pyRevit-based bridge and the Model Context Protocol.

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 integration of Gluestack components with Claude Desktop and Cursor IDE for UI development.

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.

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

A local, offline MCP server that enables AI agents to collaborate with SketchUp for controlled modeling, editing, and review tasks via 41 MCP tools.

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.

Private remote MCP gateway connecting ChatGPT to one configured Framer project. Exposes read, controlled write, and separate publishing tools over /mcp, with authentication and environment-based security controls.

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.

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.

Enables architects to control AutoCAD 2021-2026 on macOS and Windows through natural language, allowing drawing and editing of architectural plans, checking compliance with standards, and generating construction documents.

MCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.