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

Video Editor MCP Server
Kush36Agrawal
-
security
F
license
-
quality
Enables video editing using natural language commands powered by FFmpeg, supporting operations like trimming, merging, format conversion, and more with real-time progress tracking and error handling.
Last updated -
17
Python
Metal MCP Server
aldrin-labs
A
security
F
license
A
quality
Enables interaction with the Metal Framework by providing documentation search and code generation capabilities using natural language queries.
Last updated -
2
2
TypeScript
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
7
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 -
53
Python
MIT License

View all related MCP servers

Frame0 MCP Server