Advertise
MCP.so
Sign In

Frame0 MCP Server

@niklauslee

Repository

Basic information

Category

Other

License

MIT

Transports

stdio

Author

niklauslee

About Frame0 MCP Server

No overview available yet

Frame0 MCP Server config

Add this server to your MCP-compatible client using the configuration below.

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

Frame0 MCP Server tools

28

Create a frame shape in Frame0. Must add a new page before you create a new frame.

Create a rectangle shape in Frame0.

Create an ellipse shape in Frame0.

Create a text shape in Frame0.

Create a line shape in Frame0.

Create a polygon or polyline shape in Frame0.

Create a connector shape in Frame0.

Create an icon shape in Frame0.

Create an image shape in Frame0.

Update properties of a shape in Frame0.

Duplicate a shape in Frame0.

Delete a shape in Frame0.

Search icon shapes available in Frame0.

Move a shape in Frame0.

Align shapes in Frame0.

Group shapes in Frame0.

Ungroup a group in Frame0.

Set a link from a shape to a URL or a page in Frame0.

Export shape as image in Frame0.

Add a new page in Frame0. The added page becomes the current page.

Update a page in Frame0.

Duplicate a page in Frame0.

Delete a page in Frame0.

Get ID of the current page in Frame0.

Set current page by ID in Frame0.

Get page data in Frame0.

Get all pages data in Frame0.

Export page as image in Frame0.

Overview

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

Frequently asked questions

1

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.

2

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.

3

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"] }`.

4

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.

5

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.

Comments

More Other MCP servers

N

Next Generation Movers: free moving quotes (remote MCP)

Next Generation Movers

Free moving quotes for AI agents from Next Generation Movers, a licensed interstate mover (USDOT 3764697). US long-distance nationwide and local DC/MD/VA. Indicative ballpark price and booking options; optional $0.01 x40

Screenpipe

screenpipe

YC (S26) | Open Computer History | Continuously record your company computer work, map your workflows, help you find work worth automating, and power your agents' context

22.0K

Reactive Resume

amruthpillai

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

39.5K

Handl

Handl speaks the Model Context Protocol. Your whole billing operation — projects, invoices, clients, reports, approvals — as tools any AI assistant can call, inside your autonomy rules.

Activepieces

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

23.2K
Advertise