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 - not tested

quality - not tested

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

mcp-server-neonofficial
neondatabase-labs
-
security
A
license
-
quality
Lets you use Claude Desktop, or any MCP Client, to use natural language to accomplish things with Neon.
Last updated -
756
273
TypeScript
MIT License
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
Make MCP Server
3rzy
-
security
F
license
-
quality
An integration server that allows Claude Desktop to communicate with Make (formerly Integromat) automation platform through the Model Context Protocol, enabling scenario management and execution via natural language.
Last updated -
JavaScript
AutoCAD MCP Server
zh19980811
-
security
F
license
-
quality
A server that enables natural language interaction with AutoCAD through large language models like Claude, allowing users to create and modify drawings using conversational commands.
Last updated -
19
Python

View all related MCP servers

Frame0 MCP Server