Frame0 MCP Server

](https://smithery.ai/server/@niklauslee/frame0-mcp-server)


Frame0 MCP服务器

框架0 是Balsamiq为现代应用程序提供的替代线框工具。 Frame0 MCP服务器 允许您通过提示在Frame0中创建和修改线框。

设置

先决条件：

• 框架0 v1.7.0 或更高。（确保 开始跑步 选项已在中启用 _设置_ > _API服务器_).
• v22 或更高。

Claude Desktop的设置 claude_desktop_config.json 如下所示：

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

你可以使用 --api-port= 可选参数，用于为Frame0的API服务器使用另一个端口号。

示例提示

• _“在Frame0中为手机创建登录屏幕”_
• _“在Frame0中为手机创建Instagram主屏幕”_
• _“在Frame0中为电视创建Netflix主屏幕”_
• _“更改登录按钮的颜色”_
• _“删除推特社交登录”_
• _“用图标替换表情符号”_
• _“设置从谷歌登录按钮到谷歌网站的链接”_

工具

• create_frame
• create_rectangle
• create_ellipse
• create_text
• create_line
• create_polygon
• create_connector
• create_icon
• create_image
• update_shape
• duplicate_shape
• delete_shape
• search_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

开发

1. 克隆此存储库。
2. 建立 npm run build.
3. 更新 claude_desktop_config.json 在克劳德桌面上，如下所示。
4. 重新启动克劳德桌面。

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