Servidor MCP Frame0

Frame0 es una herramienta de wireframes alternativa a Balsamiq para aplicaciones modernas. Frame0 MCP Server permite crear y modificar wireframes en Frame0 mediante indicaciones.

Configuración

Requisito previo:

• Frame0 v1.0.0-beta.17 o superior.

• Node.js v22 o superior.

Configuración para Claude Desktop en claude_desktop_config.json como se muestra a continuación:

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

Puede utilizar el parámetro opcional --api-port=<port> para utilizar otro número de puerto para el servidor API de Frame0.

Related MCP server: figma-pilot

Ejemplos de indicaciones

• “Crear una pantalla de inicio de sesión para el teléfono en Frame0”

• Crea una pantalla de inicio de Instagram para tu teléfono en Frame0

• Crea una pantalla de inicio de Netflix para TV en Frame0

• “Cambiar el color del botón de inicio de sesión”

• Eliminar el inicio de sesión social de Twitter

• “Reemplaza los emojis por iconos”

• “Establecer un enlace desde el botón de inicio de sesión de Google al sitio web de Google”

Herramientas

• 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

Desarrollador

1. Clonar este repositorio.

2. Construya con npm run build .

3. Actualice claude_desktop_config.json en Claude Desktop como se muestra a continuación.

4. Reinicie Claude Desktop.

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