Skip to main content
Glama
enesjakozh

Frame0 MCP Server

by niklauslee
npmGitHub
JavaScript
MIT License
106
25
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

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

          • Video Editor MCP Server

            Kush36Agrawal
            -
            security
            F
            license
            -
            quality
            Enables video editing using natural language commands powered by FFmpeg, supporting operations like trimming, merging, format conversion, and more with real-time progress tracking and error handling.
            Last updated -
            17
            Python
            • Apple
            • Linux

          • Metal MCP Server

            aldrin-labs
            A
            security
            F
            license
            A
            quality
            Enables interaction with the Metal Framework by providing documentation search and code generation capabilities using natural language queries.
            Last updated -
            2
            2
            TypeScript

          • 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
            7
            JavaScript
            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 -
            53
            Python
            MIT License

          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