Skip to main content
Glama
enesjakozh

Frame0 MCP Server

by niklauslee
npmGitHub
JavaScript
MIT License
303
44
OverviewInspectNewEndpointsSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

Frame0 MCP 视频示例

Frame0 MCP 服务器

Frame0是一款适用于现代应用程序的 Balsamiq 替代线框工具。Frame0 MCP 服务器允许您通过提示在 Frame0 中创建和修改线框。

设置

先决条件：

  • Frame0 v1.0.0-beta.17或更高版本。

  • Node.js v22或更高版本。

在claude_desktop_config.json中设置 Claude Desktop 如下：

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

您可以使用--api-port=<port>可选参数为 Frame0 的 API 服务器使用另一个端口号。

示例提示

  • “在 Frame0 中为手机创建登录屏幕”

  • “在 Frame0 中为手机创建 Instagram 主屏幕”

  • “在 Frame0 中为电视创建 Netflix 主屏幕”

  • “更改登录按钮的颜色”

  • “删除 Twitter 社交登录”

  • “用图标代替表情符号”

  • “设置从 Google 登录按钮到 Google 网站的链接”

工具

  • create_frame

  • create_rectangle

  • create_ellipse

  • create_text

  • create_line

  • create_connector

  • create_icon

  • create_image

  • update_shape

  • duplicate_shape

  • delete_shape

  • get_available_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

开发

  1. 克隆此存储库。

  2. 使用npm run build进行构建。

  3. 更新 Claude Desktop 中的claude_desktop_config.json如下。

  4. 重新启动 Claude Desktop。

{ "mcpServers": { "frame0-mcp-server": { "command": "node", "args": ["<full-path-to>/frame0-mcp-server/build/index.js"] } } }

This server cannot be installed

-
security - not tested
A
license - permissive license
-
quality - not tested

How are these scores calculated?

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

允许通过自然语言提示在 Frame0（Balsamiq 替代线框工具）中创建和修改线框，支持创建屏幕、编辑元素和管理页面等操作。

  1. 设置
    1. 示例提示
      1. 工具
        1. 开发

          Related MCP Servers

          • Framer Plugin MCP Server

            Sheshiyer
            A
            security
            A
            license
            A
            quality
            Enables creation and management of Framer plugins with web3 capabilities like wallet connections, contract interactions, and NFT displays.
            Last updated -
            2
            24
            MIT License

          • CAD-MCP Server

            daobataotie
            -
            security
            A
            license
            -
            quality
            Enables 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 -
            174
            MIT License

          • Dynamic MCP UI Generator

            iamadi11
            -
            security
            F
            license
            -
            quality
            A 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 -
            3

          • v0 MCP Server

            putchom
            -
            security
            F
            license
            -
            quality
            Enables generating web application prototypes from natural language requirements using the v0 Platform API. Returns demo URLs and file information for created prototypes.
            Last updated -
            113

          View all related MCP servers

          New MCP Servers

          MCP directory API

          We provide all the information about MCP servers via our MCP API.

          curl -X GET 'https://glama.ai/api/mcp/v1/servers/niklauslee/frame0-mcp-server'

          If you have feedback or need assistance with the MCP directory API, please join our Discord server