Frame0 MCP Server

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:

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

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.