routermcp

Designer Pack

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

⏱️ Setup time: 20 minutes•Difficulty: beginner•Read full guide

Servers Included

Configuration

Copy the config for your MCP client. Replace your_api_key with your RouterMCP API key.

{
  "mcpServers": {
    "routermcp": {
      "url": "https://your-project.workers.dev/v1/mcp/designer-pack/request",
      "apiKey": "your_api_key_here"
    }
  }
}

Quick Setup

  1. Create a project in your RouterMCP dashboard
  2. Add servers for each tool in this pack (see list above)
  3. Generate an API key in API Keys
  4. Copy the config above and paste into your MCP client
  5. Test the connection with the cURL snippet

Required Environment Variables

Most servers require API keys or tokens. Check each server's documentation for details.

# Example .env file
FIGMA_API_KEY=your_figma_key
WEBFLOW_API_KEY=your_webflow_key
ALGOLIA_API_KEY=your_algolia_key

Related Resources