New MCP Features (v1.1.0)

Comprehensive guide to the latest MCP capabilities

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

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

Use Cases

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

Use Cases

4. Icon Library Integration

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

Available Libraries

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

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

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

Use Cases

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

Use Cases

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

Use Cases

Complete Tool List

New Tools in v1.1.0

Enhanced Tools

Migration Guide

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

Backward Compatibility

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"

8. Composite UI Tools

Create complete UI components with multiple elements in a single operation. 8 high-level tools for iOS and Android design patterns.

Available Tools

Example Commands

"Create a primary button with label 'Sign In' and an arrow icon"
"Add a tab bar with 4 tabs: Home, Search, Favorites, Profile"
"Create an email input field with an envelope icon"

Features

Use Cases

Learn more about Composite UI Tools →

9. Screen Templates

Generate complete screen layouts with 15-30 elements in a single command. 5 production-ready templates for common app screens.

Available Templates

Example Commands

"Generate an iOS login screen with dark theme"
"Create a settings screen for Android"
"Show me both iOS and Android profile screens side-by-side"

Features

Use Cases

Learn more about Screen Templates →

10. Client-Specified IDs & Nested Children

Pre-assign element IDs and create hierarchical structures in single operations for advanced batch workflows.

Client-Specified IDs

Assign custom IDs when creating elements for predictable references:

create_frame({"id": "hero-card", "x": 100, "y": 100})
create_text({"id": "hero-title", "parentId": "hero-card"})

Nested Children

Create entire element trees in one call (up to 10 levels deep):

create_frame({
  "id": "button",
  "children": [
    {"type": "text", "id": "label", "text": "Click Me"},
    {"type": "icon", "id": "icon", "name": "arrow-right"}
  ]
})

Features

Use Cases

Learn more about Batch Operations →

11. Namespace System

Organized, lazy-loaded tool categories for optimal performance. 74 tools across 18 namespaces.

How It Works

Default Namespaces (Active Immediately)

On-Demand Namespaces

Activate automatically when used: zorder, style, gradient, effect, text, image, layout, boolean, component, variable, prototype, composite, template

Benefits

Learn more about Namespace System →

12. Response Format Options

Control response payload size with responseFormat parameter: minimal (default), full, or ids_only.

Formats

Use Cases

Tips & Best Practices

Version History

v1.2.0 (February 16, 2026) - Performance & Productivity Update

v1.1.0 (January 31, 2026)

v1.0.0 (Previous)