広告掲載
MCP.so
ログイン

Frame0 MCP Server

@MCP-Mirror

リポジトリ

基本情報

カテゴリ

その他

ライセンス

MIT license

トランスポート

stdio

作者

MCP-Mirror

Frame0 MCP Server について

Mirror of

#frame0#mcp-server#wireframe-tool

Frame0 MCP Server の設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

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

Frame0 MCP Server のツール

13

`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

よくある質問

1

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.

2

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.

3

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.

4

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.

5

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.

コメント

「その他」の他のコンテンツ

Figs, Relationship Expert

Figs O'Sullivan, LMFT

Couples therapist Figs O'Sullivan (LMFT, 17 years, endorsed by Sue Johnson, creator of EFT) inside your AI. Ask relationship questions answered from his clinical writing, name the pattern in a fight, get a three-step rep

Blender

ahujasid

Open-source MCP to use Blender with any LLM

23.6K

Hindsight

vectorize-io

Hindsight: Agent Memory That Learns

50.4K
P

PickFu MCP

PickFu MCP is a Model Context Protocol (MCP) server that connects AI assistants, developers, marketers, product managers, and AI agents to PickFu's consumer research platform. It enables users to create surveys, conduct

Maestro

mobile-dev-inc

Painless E2E Automation for Mobile and Web

14.8K
広告掲載