Skip to main content
Glama
enesjakozh

Frame0 MCP Server

by niklauslee
npmGitHub
JavaScript
MIT License
703
37
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

フレーム0 MCPサーバー

Frame0は、Balsamiqに代わる、モダンなアプリ向けのワイヤーフレームツールです。Frame0 MCP Serverを使用すると、プロンプトに従ってFrame0でワイヤーフレームを作成および変更できます。

設定

前提条件:

claude_desktop_config.jsonで Claude Desktop を以下のように設定します。

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

--api-port=<port>オプション パラメータを使用すると、Frame0 の API サーバーに別のポート番号を使用できます。

プロンプトの例

  • 「フレーム0に電話用のログイン画面を作成する」
  • 「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

          • 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
            24
            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 -
            148
            Python
            MIT License

          • AWS Nova Canvasofficial

            awslabs
            A
            security
            A
            license
            A
            quality
            Provides image generation capabilities using Amazon Nova Canvas through Amazon Bedrock, enabling the creation of visuals from text prompts and color palettes—perfect for mockups, diagrams, and UI design concepts.
            Last updated -
            2
            5,318
            Python
            Apache 2.0
            • Linux
            • Apple

          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