Raven MCP server
{
"mcpServers": {
"ravenmcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp@latest"
],
"env": {
"FIGMA_TOKEN": "<figma_token>"
}
}
}
}{
"mcpServers": {
"ravenmcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp@latest"
],
"env": {
"FIGMA_TOKEN": "<figma_token>"
}
}
}
}{
"mcpServers": {
"ravenmcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp@latest"
],
"env": {
"FIGMA_TOKEN": "<figma_token>"
}
}
}
}{
"servers": {
"ravenmcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp@latest"
],
"env": {
"FIGMA_TOKEN": "${input:figma_token}"
}
}
},
"inputs": [
{
"id": "figma_token",
"type": "promptString",
"description": "Figma token",
"password": true
}
]
}{
"mcpServers": {
"ravenmcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp@latest"
],
"env": {
"FIGMA_TOKEN": "<figma_token>"
}
}
}
}file .mcp.json (in your project root)file claude_desktop_config.jsonfile ~/.cursor/mcp.jsonfile .vscode/mcp.jsonfile ~/.codeium/windsurf/mcp_config.jsoninstall npx -y raven-mcpversion 2.5.1
What it does
Raven is an MCP server that provides design intelligence to coding agents. It exposes a knowledge base of design principles, UI patterns, content systems, service design, brand guidelines, and design tokens, along with tools to audit designs for accessibility and evaluate changes against design standards.
- Query design principles and proven UI patterns to inform how an agent should implement a feature or component.
- Evaluate a design change by passing screenshots before and after, receiving structured audits for contrast, tap targets, typography, and other design metrics.
- Access design tokens from systems like Stripe and Linear, or compose custom token systems to maintain consistency across generated code.
Tools this server exposes
| Tool | Does |
|---|---|
| get_principles | Retrieve design principles relevant to a specific UI context. |
| get_pattern | Get proven UI patterns for a specific component or page type. |
| get_business_strategy | Retrieve business and monetization strategies. |
| evaluate_design | Evaluate a design against principles, with optional before/after screenshot comparison and pixel-level diff analysis. |
| search_knowledge | Search across principles, patterns, and strategies. |
| get_checklist | Get a pre-publish checklist for a specific UI type. |
| get_d4d_framework | Retrieve Design for Delight framework templates. |
| list_design_systems | Browse available design systems. |
| get_design_system | Get design tokens for a specific design system. |
| compose_system | Mix tokens from different design systems. |
| get_brand_system | Retrieve a full brand system with styling guidelines. |
Before you enable it
An MCP server runs with whatever access you give it. Start with a development account rather than production, and check which tools the server exposes before you let an agent call them unattended.