Allows setting up links to Google services in wireframes, such as Google login buttons linked to the Google website
Enables creation of Instagram-style home screen wireframes in Frame0 through natural language prompts
Supports creation of Netflix-style home screen wireframes for TV interfaces in Frame0 through natural language prompts
Frame0 MCP Server
Frame0 is a Balsamiq-alternative wireframe tool for modern apps. Frame0 MCP Server allows you for creating and modifying wireframes in Frame0 by prompting.
Setup
Prerequisite:
Setup for Claude Desktop in claude_desktop_config.json
as below:
You can use --api-port=<port>
optional parameter to use another port number for Frame0's API server.
Example Prompts
- “Create a login screen for Phone in Frame0”
- “Create a Instagram home screen for Phone in Frame0”
- “Create a Netflix home screen for TV in Frame0”
- “Change the color of the Login button”
- “Remove the Twitter social login”
- “Replace the emojis by icons”
- “Set a link from the google login button to the Google website”
Tools
create_frame
create_rectangle
create_ellipse
create_text
create_line
create_polygon
create_connector
create_icon
create_image
update_shape
duplicate_shape
delete_shape
search_icons
move_shape
align_shapes
group
ungroup
set_link
export_shape_as_image
add_page
update_page
duplicate_page
delete_page
get_current_page_id
set_current_page_by_id
get_page
get_all_pages
export_page_as_image
Dev
- Clone this repository.
- Build with
npm run build
. - Update
claude_desktop_config.json
in Claude Desktop as below. - Restart Claude Desktop.
This server cannot be installed
hybrid server
The server is able to function both locally and remotely, depending on the configuration or use case.
Allows creating and modifying wireframes in Frame0 (a Balsamiq-alternative wireframe tool) by using natural language prompts, supporting operations like creating screens, editing elements, and managing pages.
Related MCP Servers
- AsecurityAlicenseAqualityEnables creation and management of Framer plugins with web3 capabilities like wallet connections, contract interactions, and NFT displays.Last updated -223MIT License
- -securityAlicense-qualityEnables controlling CAD software (AutoCAD, GstarCAD, ZWCAD) through natural language instructions, allowing users to create and modify drawings without manually operating the CAD interface.Last updated -164MIT License
- -securityFlicense-qualityA sophisticated server that enables users to create, customize, and generate interactive UI components with features like dynamic form building, dashboard creation, and chart generation through a modern glassmorphism interface.Last updated -1
- -securityFlicense-qualityEnables generating web application prototypes from natural language requirements using the v0 Platform API. Returns demo URLs and file information for created prototypes.Last updated -16