# Búsqueda y scraping web con MCP en Windsurf (/es/quickstarts/windsurf)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 330 · updated: 2026-07-30 -->
Related: [Node.js](/es/quickstarts/nodejs.md), [Next.js](/es/quickstarts/nextjs.md), [Express](/es/quickstarts/express.md), [NestJS](/es/quickstarts/nestjs.md), [Fastify](/es/quickstarts/fastify.md), [Hono](/es/quickstarts/hono.md)

Añade capacidades de scraping y búsqueda web a Windsurf con Firecrawl MCP.

<div id="quick-setup">
  ## Configuración rápida [#configuración-rápida]
</div>

<div id="1-get-your-api-key">
  ### 1. Obtén tu clave de API [#1-obtén-tu-clave-de-api]
</div>

Regístrate en [firecrawl.dev/app](https://firecrawl.dev/app) y copia tu clave de API.

<div id="2-add-to-windsurf">
  ### 2. Añadir a Windsurf [#2-añadir-a-windsurf]
</div>

Añade esto a `./codeium/windsurf/model_config.json`:

```json
{
  "mcpServers": {
    "firecrawl": {
      "command": "npx",
      "args": ["-y", "firecrawl-mcp"],
      "env": {
        "FIRECRAWL_API_KEY": "TU_API_KEY"
      }
    }
  }
}
```

Reemplaza `YOUR_API_KEY` por tu clave real de la API de Firecrawl.

<div id="3-restart-windsurf">
  ### 3. Reinicia Windsurf [#3-reinicia-windsurf]
</div>

¡Listo! Windsurf ahora puede buscar y hacer scraping en la web.

<div id="quick-demo">
  ## Demostración rápida [#demostración-rápida]
</div>

Pruébalos en Windsurf:

**Búsqueda:**

```
Busca las últimas funcionalidades de Tailwind CSS
```

**Extracción:**

```
Extrae datos de firecrawl.dev y explica qué hace
```

**Obtener docs:**

```
Busca y extrae la documentación de autenticación de Supabase
```

Los agentes de IA de Windsurf usarán automáticamente las herramientas de Firecrawl.