Frame0 MCP Server

Name: Frame0 MCP Server
Author: MCP-Mirror

@MCP-Mirror

代码仓库

关于 Frame0 MCP Server

Mirror of

#frame0 #mcp-server #wireframe-tool

基本信息

分类

其他

许可证

MIT license

运行时

node

传输方式

stdio

发布者

MCP-Mirror

配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

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

工具

`create_rectangle`

`create_text`

`create_connector`

`create_image`

`duplicate_shape`

`get_available_icons`

`align_shapes`

`ungroup`

`export_shape_as_image`

`update_page`

`delete_page`

`set_current_page_by_id`

`get_all_pages`

概览

What is Frame0 MCP Server?

Frame0 MCP Server is a tool that lets you create and modify wireframes in Frame0, a Balsamiq-alternative wireframe tool, by using natural language prompts. It is built for users who want to design app screens without manual drawing, leveraging AI agents like Claude.

How to use Frame0 MCP Server?

Install Node.js v22 or higher and Frame0 v1.0.0-beta.17 or higher, then configure the server in Claude Desktop by adding the frame0-mcp-server entry to claude_desktop_config.json with npx -y frame0-mcp-server as the command. An optional --api-port=<port> parameter lets you change the API port used by Frame0.

Key features of Frame0 MCP Server

Create and modify wireframes through natural language prompts
27 tools for shapes, icons, pages, and exporting
Supports frames, rectangles, ellipses, text, lines, connectors, icons, and images
Update, duplicate, delete, move, align, group, and ungroup shapes
Set links and export pages or shapes as images
Manage multiple pages with add, update, duplicate, and delete operations

Use cases of Frame0 MCP Server

Generate a login screen for a phone app by describing it in a prompt
Create an Instagram or Netflix home screen for specific devices
Modify an existing wireframe’s button color or remove a social login element
Replace emojis with icons or add clickable links to shapes
Duplicate a page and export it as an image for feedback

FAQ from Frame0 MCP Server

What alternatives does Frame0 compare to?

Frame0 is positioned as a Balsamiq-alternative wireframe tool for modern apps, and this server adds AI-driven wireframe creation on top of it.

What are the runtime dependencies for Frame0 MCP Server?

You need Frame0 v1.0.0-beta.17 or higher and Node.js v22 or higher installed on your system.

Where are the wireframes stored and how does the server communicate?

The server communicates locally with the Frame0 desktop app via a local API. Wireframe data lives within the Frame0 app itself, not on external servers.

Are there any known limits or authentication requirements?

The README mentions no authentication or rate limits. The server runs locally and connects to a local Frame0 instance; no cloud accounts are required beyond having Frame0 installed.

What transport does Frame0 MCP Server use?

The server uses standard input/output (stdio) transport, as configured via Claude Desktop’s command and args fields using npx or a local Node.js build.

其他分类下的更多 MCP 服务器

🚀 Model Context Protocol (MCP) Curriculum for Beginners

microsoft

This open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable,

16.7K