docs

Integrations

Efecto for Windsurf

Add Efecto to Windsurf via MCP settings. Your AI agent gets 46 design tools to create layouts, pages, and graphics directly in the browser.

Install

  1. Open Windsurf Settings
  2. Go to AI → MCP
  3. Add a new server with the config below
MCP config
{
  "mcpServers": {
    "efecto": {
      "command": "npx",
      "args": ["-y", "@efectoapp/mcp"]
    }
  }
}

Verify It Works

Restart Windsurf after adding the config, then try a prompt like:

Design a landing page for my SaaS product in Efecto
Create an Instagram carousel about design tips in Efecto
Make a pitch deck for my startup in Efecto

Reference