Frame0 MCP Server

Frame0 is a Balsamiq-alternative wireframe tool for modern apps. Frame0 MCP Server allows you for creating and modifying wireframes in Frame0 by prompting.

Setup

Prerequisite:

Frame0 v1.0.0-beta.17 or higher.
Node.js v22 or higher.

Setup for Claude Desktop in claude_desktop_config.json as below:

{
  "mcpServers": {
    "frame0-mcp-server": {
      "command": "npx",
      "args": ["-y", "frame0-mcp-server"]
    }
  }
}

You can use --api-port=<port> optional parameter to use another port number for Frame0's API server.

Example Prompts

“Create a login screen for Phone in Frame0”
“Create a Instagram home screen for Phone in Frame0”
“Create a Netflix home screen for TV in Frame0”
“Change the color of the Login button”
“Remove the Twitter social login”
“Replace the emojis by icons”
“Set a link from the google login button to the Google website”

Tools

create_frame
create_rectangle
create_ellipse
create_text
create_line
create_connector
create_icon
create_image
update_shape
duplicate_shape
delete_shape
get_available_icons
move_shape
align_shapes
group
ungroup
set_link
export_shape_as_image
add_page
update_page
duplicate_page
delete_page
get_current_page_id
set_current_page_by_id
get_page
get_all_pages
export_page_as_image

Dev

Clone this repository.
Build with npm run build.
Update claude_desktop_config.json in Claude Desktop as below.
Restart Claude Desktop.

{
  "mcpServers": {
    "frame0-mcp-server": {
      "command": "node",
      "args": ["<full-path-to>/frame0-mcp-server/build/index.js"]
    }
  }
}

This server cannot be installed

security - not tested

license - permissive license

quality - not tested

How are these scores calculated?

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Allows creating and modifying wireframes in Frame0 (a Balsamiq-alternative wireframe tool) by using natural language prompts, supporting operations like creating screens, editing elements, and managing pages.

Related MCP Servers

Framer Plugin MCP Server
Sheshiyer
A
security
A
license
A
quality
Enables creation and management of Framer plugins with web3 capabilities like wallet connections, contract interactions, and NFT displays.
Last updated -
2
24
JavaScript
MIT License
CAD-MCP Server
daobataotie
-
security
A
license
-
quality
Enables controlling CAD software (AutoCAD, GstarCAD, ZWCAD) through natural language instructions, allowing users to create and modify drawings without manually operating the CAD interface.
Last updated -
148
Python
MIT License
AWS Nova Canvasofficial
awslabs
A
security
A
license
A
quality
Provides image generation capabilities using Amazon Nova Canvas through Amazon Bedrock, enabling the creation of visuals from text prompts and color palettes—perfect for mockups, diagrams, and UI design concepts.
Last updated -
2
5,347
Python
Apache 2.0
Dynamic MCP UI Generator
iamadi11
-
security
F
license
-
quality
A sophisticated server that enables users to create, customize, and generate interactive UI components with features like dynamic form building, dashboard creation, and chart generation through a modern glassmorphism interface.
Last updated -
1
JavaScript

View all related MCP servers

Frame0 MCP Server