Digital product design platform.
## InVision MCP Server: Design Collaboration Platform The **InVision MCP Server** integrates the design collaboration and prototyping platform directly into Google Antigravity, enabling AI assistants to manage prototypes, collect feedback, and coordinate design workflows programmatically. This integration brings enterprise design collaboration to your development process. ### Why InVision MCP? - **Interactive Prototypes**: Create clickable prototypes with hotspots, transitions, and gestures - **Design Feedback**: Collect and manage stakeholder feedback with comment threads and annotations - **Design System Manager (DSM)**: Access and manage design tokens, components, and documentation - **Freehand Collaboration**: Real-time whiteboarding and collaboration for design ideation - **Inspect Mode**: Extract design specifications, assets, and code snippets for developers ### Key Features #### 1. Prototype Management ```python from anthropic import Anthropic client = Anthropic() response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "List all prototypes in the mobile app project and their share links" }], tools=[{ "name": "invision_prototypes", "description": "Manage prototypes" }] ) ``` #### 2. Feedback Collection ```python # Manage design feedback response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Get all unresolved comments on the checkout flow prototype" }], tools=[{"name": "invision_comments", "description": "Manage feedback"}] ) ``` #### 3. Asset Extraction ```python # Extract design assets response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Export all assets from this screen with the Inspect specifications" }], tools=[{"name": "invision_inspect", "description": "Extract design specs"}] ) ``` #### 4. DSM Access ```python # Access design system response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Get the current color tokens and typography styles from our design system" }], tools=[{"name": "invision_dsm", "description": "Access design system"}] ) ``` ### Configuration ```json { "mcpServers": { "invision": { "command": "npx", "args": ["-y", "@anthropic/mcp-invision"], "env": { "INVISION_API_KEY": "your-invision-api-key" } } } } ``` ### Use Cases **Prototype Reviews**: Automate the collection and tracking of stakeholder feedback on prototypes. **Developer Handoff**: Extract design specifications and assets for implementation. **Design System Sync**: Keep development tokens synchronized with design system definitions. **Project Management**: Track design progress and approval status across projects. The InVision MCP Server brings design collaboration directly into your development workflow, streamlining the design-to-development process.
{
"mcpServers": {
"invision": {}
}
}