Frame0 MCP Server

Name: Frame0 MCP Server
Author: niklauslee

@niklauslee

リポジトリ

Frame0 MCP Server について

概要はまだありません

基本情報

カテゴリ

その他

ライセンス

MIT

ランタイム

node

トランスポート

stdio

公開者

niklauslee

設定

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

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

ツール

`create_rectangle`

`create_text`

`create_polygon`

`create_icon`

`update_shape`

`delete_shape`

`move_shape`

`group`

`set_link`

`add_page`

`duplicate_page`

`get_current_page_id`

`get_page`

`export_page_as_image`

概要

What is Frame0 MCP Server?

Frame0 MCP Server is an MCP server that lets you create and modify wireframes in Frame0, a Balsamiq-alternative wireframing tool, by using natural language prompts. It is intended for developers and designers using Frame0 who want to automate wireframe creation through AI assistants like Claude Desktop.

How to use Frame0 MCP Server?

Ensure Frame0 v1.7.0 or higher is running with the API Server enabled (Settings > API Server > Run on start). Install via npx -y frame0-mcp-server in your MCP client configuration (e.g., Claude Desktop's claude_desktop_config.json). Optionally, pass --api-port=<port> to use a different port for Frame0's API server.

Key features of Frame0 MCP Server

Create frames, rectangles, ellipses, text, lines, and polygons
Add icons, images, and connectors to wireframes
Modify, duplicate, delete, and move shapes
Align, group, and ungroup shapes
Manage pages: add, update, duplicate, delete, and navigate
Export shapes and pages as images

Use cases of Frame0 MCP Server

Create a login screen for a phone wireframe with a single prompt
Modify existing wireframes, e.g., change button colors or remove elements
Add links from UI elements to external websites
Replace placeholder emojis with icons in a design
Duplicate and manage pages for multi-screen flows

FAQ from Frame0 MCP Server

What is Frame0 MCP Server?

It is an MCP server that allows you to create and modify wireframes in Frame0 by prompting, acting as a bridge between AI assistants and the Frame0 wireframing tool.

What are the prerequisites to run Frame0 MCP Server?

You need Frame0 v1.7.0 or newer (with the API Server enabled in Settings) and Node.js v22 or higher.

How do I configure it for Claude Desktop?

Add the following JSON to your claude_desktop_config.json under mcpServers: "frame0-mcp-server": { "command": "npx", "args": ["-y", "frame0-mcp-server"] }.

What tools does Frame0 MCP Server provide?

It offers over 20 tools including create_frame, create_rectangle, update_shape, delete_shape, move_shape, add_page, export_page_as_image, and more. A full list is in the Tools section of the README.

Can I use a different API port?

Yes, use the --api-port=<port> optional parameter when starting the server to specify a different port for Frame0's API server.

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

Unity MCP ✨

justinpbarnett

Unity MCP acts as a bridge between AI assistants and your Unity Editor. Give your LLM tools to manage assets, control scenes, edit scripts, and automate tasks within Unity.

12.2K