New MCP Features (v1.1.0)

Version 1.1.0 brings major enhancements to MCP integration, adding 8 new features and 13 new tools for more powerful design automation.

What's New

This update improves API completeness from 56.5% to 100%, achieving full model-MCP parity.

1. Individual Corner Radii

Create rounded rectangles with independent corner radius values for each corner.

Example Commands

                "Create a rectangle with top-left radius 20, top-right 40, bottom-right 60, bottom-left 80"
            

Use Cases

iOS-style buttons with specific corner patterns
Card components with asymmetric corners
Modern UI design patterns

2. SVG Path Data Support

Import complex vector graphics using standard SVG path command strings.

Example Commands

"Create a path element from SVG data: M 10 10 L 190 10 L 100 140 Z"

Supported Commands

M - Move to
L - Line to
C - Cubic Bézier curve
Q - Quadratic Bézier curve
A - Arc
Z - Close path
H, V, S, T - Other path commands

Use Cases

Import icons from SVG files
Create custom logos and vector graphics
Recreate design tool exports

3. Image URL Import

Load images directly from URLs without base64 encoding.

Example Commands

"Create an image from https://picsum.photos/400/300 at position 100, 100"

Supported Formats

JPEG (.jpg, .jpeg)
PNG (.png)
GIF (.gif) - including animated
WebP (.webp)
BMP (.bmp)

Use Cases

Rapid prototyping with placeholder images
Loading user-generated content
Displaying remote assets
CDN-hosted images

4. Icon Library Integration

Access and insert 500+ built-in icons via natural language commands.

Available Libraries

Font Awesome 6 Free (Solid) - 500+ icons across 25 categories
Material Design Icons - 70+ common UI icons

Example Commands

"Insert a home icon from Font Awesome, size 48, color blue"

"Show me all arrow icons from Material Design"

"Add a search icon, settings icon, and user icon in a row"

Icon Categories (Font Awesome)

Accessibility, Alerts, Animals, Arrows, Audio & Video, Buildings, Business, Communication, Design, Devices, Editing, Files, Food, Health, Images, Interface, Logos, Maps, Objects, Security, Shapes, Social, Sports, Status, Text Formatting, Transportation, Weather

Use Cases

Add navigation icons to app mockups
Insert social media icons
Create icon-based menus
Professional UI design without external assets

5. Component Instance Creation

Create reusable components and instances with property overrides.

Example Commands

"Create a component named 'Button' from the selected elements"

"Create 3 instances of the Button component with different text labels"

Use Cases

Create button variants
Reusable card components
Design system implementation
Consistent UI patterns across designs

6. Undo/Redo System

Programmatically undo and redo actions for error recovery and experimentation.

Example Commands

"Undo the last 3 actions"

"Show me the undo history"

"Redo that change"

Features

Full undo/redo stack access
View command history
Batch operation rollback
50 action history limit

Use Cases

Error recovery in automation scripts
Safe experimentation
Testing and validation workflows
Custom undo UI implementation

7. Batch Operations

Create or update multiple elements in a single command for 10-100x better performance.

Example Commands

"Create 10 rectangles in a grid layout, alternating red and blue colors"

"Update all text elements to use the Inter font family"

Performance Benefits

10-100x faster than individual operations
Single transaction reduces overhead
Reduced network latency
Atomic updates option

Use Cases

Import designs from other tools
Generate UI from data (charts, tables, lists)
Bulk styling operations
Layout automation

8. Element Bounds Query

Get precise bounding box information for any element.

Example Commands

"What are the bounds of the selected element?"

"Create a new rectangle positioned below this one with 20px gap"

Returned Information

X, Y position (top-left corner)
Width and height
Right and bottom edges
Child bounds calculation (optional)

Use Cases

Position elements relative to others
Calculate spacing between elements
Detect overlapping elements
Auto-layout algorithms
Alignment calculations

Complete Tool List

New Tools in v1.1.0

insert_icon - Insert icons from built-in libraries
get_available_icons - Search/browse icon catalog
create_instance - Create component instances
undo - Undo last action
redo - Redo last undone action
get_history - Get undo/redo history
batch_create - Create multiple elements
batch_update - Update multiple elements
get_element_bounds - Get element bounding box

Enhanced Tools

create_element - Added corner radii, pathData, imageUrl parameters
update_element - Added corner radii parameters

Migration Guide

All existing MCP code remains functional. New parameters are optional and additive.

Backward Compatibility

✅ Old commands continue to work
✅ No breaking changes
✅ New features are opt-in
✅ Gradual adoption supported

Getting the Most Out of MCP

Combine Features

"Create a card component with a home icon, title text, and rounded corners"

Use Batch Operations

                "Generate a navigation bar with 5 icons: home, search, favorites, profile, and settings"
            

Leverage Undo

                "Try creating a complex layout. If I don't like it, undo it and try a different approach"
            

Tips & Best Practices

Be Specific - Include exact values for better results
Use Batch Operations - Much faster for multiple elements
Leverage Icons - Browse the library for professional assets
Create Components - Build reusable design patterns
Experiment Freely - Use undo to try different approaches
Check Bounds - Query positions for precise layouts

Version History

v1.1.0 (January 31, 2026)

Added individual corner radii support
Added SVG path data parameter
Added image URL import
Integrated icon library (Font Awesome + Material Design)
Added component instance creation
Implemented undo/redo system via MCP
Added batch create/update operations
Added element bounds query
Improved API completeness from 56.5% to 100%

v1.0.0 (Previous)

Initial MCP server implementation
Basic element operations
Component management
Design system queries