docs

Integrations

Efecto for GitHub Copilot

Add Efecto to GitHub Copilot in VS Code. Your AI agent gets 46 design tools to create layouts, pages, and graphics directly in the browser.

Install

  1. Open VS Code Settings (JSON)
  2. Add the MCP config under mcp.servers
.vscode/settings.json
// .vscode/settings.json
{
  "mcp": {
    "servers": {
      "efecto": {
        "command": "npx",
        "args": ["-y", "@efectoapp/mcp"]
      }
    }
  }
}

Verify It Works

Restart VS Code 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