"Security Tools for AI Websites" matching MCP servers:

Analyzes and extracts design tokens, assets, and layout from live websites to enable AI clients to faithfully replicate them, with tools for screenshotting, component inspection, and pixel-diff verification.

Enables MCP-capable LLMs to generate and render ephemeral Prefab UI interfaces at runtime, with tools for generating UI code and searching Prefab components.

AI-native design engineering platform that converts Figma or live websites into a semantic design graph for code generation, and generates Figma designs from prompts with a self-improving director loop.

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 AI agents to generate and edit draw.io diagrams with real-time browser preview.

Bidirectional MCP bridge enabling AI assistants to draw UI on Figma canvas and read designs back as structured data or code tokens via localhost, requiring Figma Desktop.

Enables external AI assistants and MCP clients to programmatically control Adobe Illustrator via WebSocket, supporting generative vector creation, layer organization, and document automation from natural language prompts.

Enables AI assistants to programmatically customize Shopify Plus checkout branding, including colors, typography, logos, and design systems, with safety defaults for production updates.

Lets Claude Code, Cursor, VS Code and other AI agents draw and edit draw.io diagrams from your project's files, on a live browser canvas you can also edit by hand. Includes version history, undo, cloud shape libraries (AWS, Azure, GCP) and PNG or SVG export.

MCP server for the coss ui design system, enabling AI agents to fetch components, props, and design tokens on demand for accurate, low-cost code generation.

Enables MCP hosts to render OpenUI artifacts (inline or sidecar) for agent-generated UI components such as cards, dashboards, forms, and charts, with validation, versioning, and security controls.

Gives LLM agents spatial awareness inside Autodesk Maya, enabling scene inspection and measurement, aesthetic and engineering audits, camera planning, checkpoint/rollback safety, asset import, and viewport or render previews. Agents can also execute arbitrary Python in Maya to build and verify 3D scenes against engineering rules instead of writing blind.

Searches design platforms for UI references and extracts design tokens such as colors, typography, spacing, and shadows from live websites.

An MCP server that lets AI agents design complete websites and generate import-ready Elementor v4 JSON, allowing for automated website building with structural validity.

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 comprehensive UI design assistance tools for LLMs, generating color palettes, typography, spacing systems, shadows, design tokens, and more via the MCP protocol.

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.

Provides AI assistants with comprehensive access to Gluestack UI components, source code, and examples for React Native development.

Every other colour API tells you what goes together. Colour Memory tells you what it means, where the evidence ends, and what it must not claim. 47,515 hand-researched records, graded A–E, every result cited. 91 specialist tools built for agents that need precision, not guesses. Direct MCP: https://api.colourmemory.com/mcp — no signup, no key for the free tools (10 calls).

Enables frontend developers to read Moonvy design files, extract page lists, layer trees, node styles, design tokens, and download assets such as cutouts and snapshots for precise frontend implementation.

Enables AI-powered UI component generation from natural language descriptions, integrating with IDEs like Cursor and Windsurf.

An unofficial MCP server for generating infographics and visuals from text using the Napkin AI API, enabling AI assistants to create professional diagrams, mindmaps, and charts.

Connects MCP-aware AI clients to a live SketchUp session so users can create and modify 3D models, apply materials, perform booleans and joinery, and export scenes through natural-language prompts.

MCP server to help AI assistants generate Italian PA user interfaces by providing components, recipes, accessibility rules, and validation for Bootstrap Italia and Web Components.

Enables AI agents to design and critique websites using 2026 trend reports, motion code recipes, design principles, palettes, type systems, section skeletons, references, and DESIGN.md tokens, with performance and reduced-motion handling built in.

Enables Codex to inspect a native After Effects project, make scoped edits, and render frames for review through a local macOS bridge. It exposes MCP tools that drive a named After Effects worker without requiring an in-app panel or separate chat client.

Enables AI assistants to architect and build Awwwards-level websites with spring physics, design systems, React 19 templates, and HD visual inspection.

Enables AI assistants to retrieve React, Svelte, Vue, and React Native component source code, demos, blocks, and metadata for building UIs in AI-powered development workflows.

Enables AI-driven 3D modeling and scene creation in Blender, allowing LLMs to create, modify, and manipulate objects, materials, and assets through natural language.

Turns AI coding agents into visual creative assistants by providing a curated prompt gallery, prompt enhancement, and image/video generation via LemGen, with free inspiration tools and optional token-based generation.