frame0-mcp-server

frame0-mcp-server

20
developer_tools

Frame0 MCP Server is a tool to create and modify wireframes easily in Frame0, a modern alternative to Balsamiq. It supports customizing wireframes through simple prompts and offers various tools for shape manipulation and page management.

Frame0 MCP Server

Frame0 is a Balsamiq-alternative wireframe tool for modern apps. Frame0 MCP Server allows you to create and modify wireframes in Frame0 by prompting.

Setup

  • Prerequisite: Frame0 v1.0.0-beta.17 or higher, Node.js v22 or higher.
  • Configure Claude Desktop with claude_desktop_config.json.
  • Optional: Use --api-port=<port> parameter for a different API server port.

Example Prompts

  • Create wireframes like login screens or home screens for various apps.
  • Modify wireframes by changing colors, replacing elements, and setting links.

Tools

  • Create and modify shapes, icons, and pages.
  • Export shapes and pages as images.

Dev

  • Clone the repository and build with npm run build.
  • Update configuration in Claude Desktop and restart.