DesignerBeginner

Designer Pack

From concept to live: Figma frames → Webflow CMS → Algolia search in one conversation

Setup Time Icon20 minutes setup
Servers Icon3 Servers
Read implementation guideArrow Icon

Configuration

Add these MCP servers to your configuration file.

{
  "mcpServers": {
    "figma": {
      "url": "https://mcp.figma.com/sse"
    },
    "webflow": {
      "url": "https://mcp.webflow.com/sse"
    },
    "algolia": {
      "url": "https://mcp.algolia.com/sse"
    }
  }
}

Quick Start

  1. 1Copy the configuration above
  2. 2Add to your claude_desktop_config.json or MCP client config
  3. 3Replace placeholder environment variables with your API keys
  4. 4Restart your MCP client to load the servers

Servers Included

F

Figma

Official MCP
View Details
W

Webflow

Official MCP
View Details
A

Algolia

Official MCP
View Details