Azyrom features full Model Context Protocol (MCP) integration, allowing AI assistants like Claude to create, modify, and query your designs programmatically.
What is MCP?
The Model Context Protocol (MCP) is an open standard that enables AI assistants to interact with applications. With MCP, you can:
- Design with Natural Language - Describe what you want and let AI create it
- Automate Workflows - Batch create elements, apply styles, generate layouts
- Rapid Prototyping - Quickly iterate on designs with conversational commands
- Data Visualization - Generate charts and UI from data
Features
🎨 Full Design Control
Create, update, and delete elements. Apply fills, strokes, effects, and typography.
🔄 Batch Operations
Create or update multiple elements in a single command for 10-100x performance.
🎭 Icon Library
Access 500+ Font Awesome and Material Design icons without leaving the conversation.
🔗 Component System
Create component definitions and instances with property overrides.
⏮️ Undo/Redo
Programmatically undo and redo actions for error recovery and experimentation.
📐 Smart Positioning
Query element bounds, align elements, and calculate precise layouts.
Quick Start
- Enable MCP server in Azyrom settings (Settings → MCP)
- Configure Claude Desktop with the MCP server
- Start designing with natural language commands
See the Getting Started Guide for detailed setup instructions.
New in v1.1.0
Recent updates have significantly expanded MCP capabilities:
- Individual Corner Radii - Create rounded rectangles with independent corner values
- SVG Path Data - Import complex vector graphics from SVG path commands
- Image URL Import - Load images directly from URLs (no base64 encoding)
- Icon Library Access - Browse and insert 500+ icons via MCP
- Batch Operations - Create/update multiple elements simultaneously
- History Control - Undo/redo actions programmatically
Learn more in the New Features Guide.
Available Articles
Getting Started with MCP
Complete setup guide for Claude Desktop integration
New Features (v1.1.0)
Comprehensive guide to the latest MCP capabilities
Example Commands
Create a blue rectangle:
"Create a blue rectangle 200x150 at position 100, 100"
Insert an icon:
"Insert a home icon from Font Awesome at 50, 50 with size 48"
Batch create elements:
"Create three rectangles in a row, each 100x100, with colors red, green, and blue"
Use Cases
- Rapid Prototyping - Quickly generate UI layouts from descriptions
- Design Systems - Programmatically create component libraries
- Data Visualization - Generate charts and graphs from data
- Batch Processing - Apply consistent styling across many elements
- Layout Automation - Generate grids, tables, and complex layouts
- Asset Management - Insert and organize icons, images, and graphics
Learn More
For technical documentation and API reference, see the MCP Server README in the Azyrom repository.