Affinity MCP Server
Enables AI agents to control the Affinity by Canva design suite on Windows, including document management, tool selection, layer manipulation, and visual feedback via screenshots.
Provides tools for vector design and UI work in Affinity Designer 2, with control over tools, layers, and real-time visual inspection.
Provides tools for raster editing and retouching in Affinity Photo 2, including brush, selection, and layer operations with screenshot feedback.
Provides tools for layout and editorial design in Affinity Publisher 2, enabling document creation, text input, and export operations.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Affinity MCP ServerCreate a new 1080x1080 doc in Affinity Designer, draw a blue circle, then screenshot it."
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Affinity MCP Server para Google Antigravity 2.0 (Windows)
Controla la suite de diseño profesional Affinity by Canva mediante lenguaje natural desde Google Antigravity 2.0 y cualquier cliente compatible con MCP.
Características • ¿Cómo funciona? • Requisitos • Instalación • Configuración • Herramientas • Ejemplos de Prompts
💡 ¿De qué va este proyecto?
Affinity MCP Server es un puente basado en el estándar abierto Model Context Protocol (MCP) que permite a agentes de inteligencia artificial —con especial enfoque en Google Antigravity 2.0— interactuar directamente con la suite creativa Affinity by Canva en sistemas Windows:
🎨 Affinity Designer 2 (Diseño vectorial y UI)
📸 Affinity Photo 2 (Edición ráster y retoque)
📰 Affinity Publisher 2 (Maquetación y editorial)
🌐 Canva Affinity Suite (App unificada)
A diferencia de simples scripts de macros, este servidor proporciona a la IA un bucle de retroalimentación visual en tiempo real (Visual Feedback Loop): el agente puede seleccionar herramientas, dibujar, organizar capas y tomar capturas instantáneas de la ventana para ver con sus propios "ojos" el resultado del diseño, corregirlo y seguir iterando.
Related MCP server: Illustrator MCP Vectorizer
🚀 Características principales
Detección inteligente de ventanas de Affinity: Localización automática del proceso
Affinity.exe, control de foco y posicionamiento.Inspección visual en tiempo real: Captura directa de la ventana de Affinity (
PrintWindow/ GDI nativo de Windows) para que los modelos multimodales (Gemini 2.5/3, Claude 3.5/3.7) evalúen el diseño creado.Operaciones de documentos completas: Nuevo documento, abrir proyectos (
.afdesign,.afphoto,.afpub,.psd,.svg), guardar (Ctrl+S), Guardar como (Ctrl+Shift+S), exportar (Ctrl+Alt+Shift+S) y cerrar.Selección de herramientas estándar: Movimiento, nodo, pluma, pincel, borrador, formas geométricas, texto, degradados, cuentagotas, recorte y zoom.
Manipulación de capas: Creación de capas de píxeles, capas vectoriales y máscaras.
Interacción precisa de entrada: Clics, doble clic, clic derecho, arrastres de precisión (
drag) para dibujo, entrada de texto y combinaciones avanzadas de teclas.Control de flujo e historial: Deshacer (
Ctrl+Z), rehacer (Ctrl+Y) y ejecución de macros (.afmacro).
🧠 ¿Cómo funciona?
flowchart LR
A["👤 Usuario"] -->|"Instrucción en lenguaje natural"| B["⚡ Google Antigravity 2.0<br/>(Agente IA)"]
B -->|"MCP Protocol (stdio)"| C["🔌 affinity-control-mcp<br/>(server.py)"]
C -->|"Win32 API & GDI<br/>PyAutoGUI"| D["🎨 Affinity by Canva<br/>(Designer / Photo / Publisher)"]
D -->|"Captura de pantalla (PNG)"| C
C -->|"Inspección Visual"| B
B -->|"Respuesta y confirmación"| A📋 Requisitos
Sistema Operativo: Windows 10 o Windows 11 (64-bit).
Suite Affinity: Affinity Designer, Affinity Photo, Affinity Publisher (v2 recomendada) o la aplicación unificada Canva Affinity instalada y activa.
Python: Versión 3.10 o superior.
Cliente MCP: Google Antigravity 2.0, Claude Desktop, Cursor o cualquier cliente compatible con MCP.
📦 Instalación
1. Clonar el repositorio
git clone https://github.com/jimmypazosg/Affinity-mcp-antigravity.git
cd Affinity-mcp-antigravity2. Crear y activar el entorno virtual
# Crear entorno virtual
python -m venv .venv
# Activar en PowerShell
.venv\Scripts\Activate.ps13. Instalar dependencias
pip install -r requirements.txt⚙️ Configuración en Antigravity 2.0
Puedes registrar el servidor MCP de forma global en Antigravity o únicamente para un proyecto específico.
Opción A: Configuración Global (Recomendada)
Edita o crea el archivo de configuración global de Antigravity en:
%USERPROFILE%\.gemini\config\mcp_config.json (por ejemplo C:\Users\tu_usuario\.gemini\config\mcp_config.json):
{
"mcpServers": {
"affinity-mcp": {
"command": "C:/ruta/a/tu/Affinity-mcp-antigravity/.venv/Scripts/python.exe",
"args": [
"C:/ruta/a/tu/Affinity-mcp-antigravity/server.py"
],
"env": {
"PYTHONIOENCODING": "utf-8"
}
}
}
}Puedes usar como base el archivomcp_config.example.json incluido en la raíz de este repositorio.
Opción B: Configuración con uv (si usas uv en lugar de venv)
{
"mcpServers": {
"affinity-mcp": {
"command": "uv",
"args": [
"run",
"--directory",
"C:/ruta/a/tu/Affinity-mcp-antigravity",
"server.py"
]
}
}
}Opción C: Configuración en Claude Desktop
En %APPDATA%\Claude\claude_desktop_config.json:
{
"mcpServers": {
"affinity-mcp": {
"command": "C:/ruta/a/tu/Affinity-mcp-antigravity/.venv/Scripts/python.exe",
"args": [
"C:/ruta/a/tu/Affinity-mcp-antigravity/server.py"
]
}
}
}🛠️ Herramientas disponibles (17 Tools)
Herramienta | Descripción |
| Obtiene el estado actual de Affinity: proceso activo, PID, dimensiones y título de ventana. |
| Inicia Affinity si está cerrado o trae la ventana al frente con foco activo. |
| Toma una captura de alta resolución de la ventana de Affinity para inspección visual. |
| Crea un nuevo lienzo o abre el cuadro de diálogo de ajustes predeterminados. |
| Abre un archivo de diseño existente ( |
| Guarda el documento actual ( |
| Abre el asistente de exportación rápida o por formato ( |
| Cierra el documento actual ( |
| Selecciona herramientas ( |
| Añade capas vectoriales, capas de píxeles o máscaras de recorte. |
| Ejecuta acciones de ratón relativas a la ventana ( |
| Escribe texto en capas o campos activos. |
| Envía atajos con modificadores ( |
| Envía teclas especiales ( |
| Deshace ( |
| Operaciones rápidas de documento (acoplar, rotar lienzo, voltear). |
| Ejecuta o importa archivos de macro ( |
💬 Ejemplos de Prompts para Antigravity
Una vez configurado en Antigravity 2.0, puedes pedirle cosas como:
1. Preparar un lienzo de trabajo
"Revisa si Affinity Designer está abierto. Si no lo está, ábrelo y crea un nuevo documento para redes sociales de 1080x1080 px."
2. Diseñar con retroalimentación visual
"Selecciona la herramienta de rectángulo en Affinity, dibuja un contenedor en el tercio superior del lienzo, agrega una capa de texto con 'Innovación 2026' y toma una captura de pantalla para verificar cómo quedó la composición."
3. Automatizar exportación
"Abre el proyecto
banner.afdesignubicado en mi carpeta de descargas, exporta una copia en formato PNG y cierra el documento."
🔍 Solución de problemas comunes (Troubleshooting)
Affinity no recibe las pulsaciones o clics: Asegúrate de que la ventana de Affinity no esté minimizada y que no se esté ejecutando como Administrador si tu terminal se ejecuta como usuario estándar.
Escalado de pantalla (DPI): Si utilizas escalado en Windows (por ejemplo, 125% o 150%), las coordenadas de
affinity_mouse_actionson calculadas relativas a la ventana identificada por la API de Windows.Atajos de teclado: Si la configuración regional de Affinity tiene atajos personalizados, asegúrate de que coincidan con la configuración estándar internacional.
👥 Créditos y Reconocimientos
Desarrollado y mantenido para Windows y Antigravity por Jimmy Pazos.
Inspirado en la implementación conceptual inicial para macOS de sekharmalla/affinity-mcp-server.
Desarrollado sobre la especificación oficial de Model Context Protocol (MCP).
📄 Licencia
Este proyecto se distribuye bajo la licencia MIT. Consulta el archivo LICENSE para más información.
This server cannot be deployed
Maintenance
Related MCP Connectors
Agent-Native design tool - create and edit visual designs with agent assistance
Build and run visual creative-production workflows from your AI agent.
The Canva MCP server connects AI assistants (like Claude, ChatGPT, and Cursor) to Canva's API, enabling them to create and manage designs directly within chat conversations. Key capabilities include generating new designs from prompts, autofilling templates, searching and resizing existing designs, importing files from URLs, exporting designs as PDFs or images, and managing folders and comments without switching between tools.
Create, review and edit Word, PowerPoint, Excel and PDF documents from any AI agent.
Related MCP Servers
- AlicenseNot gradedqualityCmaintenanceEnables AI assistants to control the Affinity creative suite on macOS through natural language, allowing for automated design tasks, UI interaction, and file operations. It leverages AppleScript and System Events to bridge AI commands with professional creative software.28MIT
- FlicenseNot gradedqualityDmaintenanceEnables AI agents to automate Adobe Illustrator, converting bitmap artwork into editable .ai files, running ExtendScript, and capturing the Illustrator window for visual QA.1-
- FlicenseNot gradedqualityCmaintenanceEnables AI agents to see and operate a Windows PC through mouse, keyboard, screenshots, OCR, window control, and shell commands.-
- AlicenseNot gradedqualityAmaintenanceEnables AI agents to automate Windows desktop via human-like mouse and keyboard input and UI Automation, with post-action verification for reliable control of programs, UI elements, windows, and files.1MIT