> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devin.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Codemaps

> Crea mapas jerárquicos compartibles de tu base de código para visualizar el flujo de ejecución y las relaciones entre componentes. Navega por ellos y compártelos con tu equipo.

Gracias a un agente especializado, los Codemaps son artefactos compartibles que conectan la comprensión humana con el razonamiento de la IA, lo que permite navegar, comentar y modificar grandes bases de código con precisión y contexto.

<div id="what-are-codemaps">
  ## ¿Qué son los Codemaps?
</div>

Mientras que [DeepWiki](/es/desktop/deepwiki) proporciona documentación a nivel de símbolos, los Codemaps ayudan a comprender la base de código al mostrar cómo funciona todo en conjunto: el orden en que se ejecutan el código y los archivos, y cómo se relacionan los distintos componentes entre sí.

Para navegar por un Codemap, haz clic en cualquier nodo para ir directamente a ese archivo y función. Cada nodo del Codemap enlaza directamente con la ubicación correspondiente en tu código.

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/codemaps-overview.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=7d8126d4f920b432a89d0d52f15103e5" data-path="desktop/assets/windsurf/codemaps/codemaps-overview.mp4" />

<div id="accessing-codemaps">
  ## Cómo acceder a Codemaps
</div>

Puedes acceder a Codemaps de una de estas dos formas:

* **Barra de actividad**: Busca la interfaz de Codemaps en la barra de actividad (panel lateral izquierdo)
* **Paleta de comandos**: Pulsa `Cmd+Shift+P` (Mac) o `Ctrl+Shift+P` (Windows/Linux) y busca "Focus on Codemaps View"

<div id="creating-a-codemap">
  ## Crear un nuevo Codemap
</div>

Para crear un nuevo Codemap:

1. Abre el panel de Codemaps
2. Crea un nuevo Codemap de una de estas formas:
   * Seleccionando un tema sugerido (las sugerencias se basan en tu historial de navegación reciente)
   * Escribiendo tu propio prompt personalizado
   * Generándolo desde Cascade: crea nuevos Codemaps desde la parte inferior de una conversación de Cascade
3. El agente de Codemap explora tu repositorio, identifica los archivos y funciones relevantes, y genera una vista jerárquica

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/create-codemaps.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=3ecbec63e167aee9815b113dababcd8b" data-path="desktop/assets/windsurf/codemaps/create-codemaps.mp4" />

<div id="sharing-codemaps">
  ## Compartir Codemaps
</div>

Puedes compartir Codemaps con tu equipo mediante enlaces que se pueden ver en un navegador.

<Warning>
  Para los clientes Enterprise, compartir Codemaps requiere activación manual, ya que deben almacenarse en nuestros servidores. De manera predeterminada, los Codemaps solo están disponibles dentro de tu equipo y requieren autenticación para verse.
</Warning>

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/share-codemaps.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=983e193f52adbdac3180990f8ed468c1" data-path="desktop/assets/windsurf/codemaps/share-codemaps.mp4" />

<div id="using-codemaps-with-cascade">
  ## Cómo usar Codemaps con Cascade
</div>

Puedes incluir información de Codemap como contexto en tus conversaciones de [Cascade](/es/desktop/cascade) mediante una mención con `@` para hacer referencia a un Codemap.

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/codemap-cascade.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=8ff44ce0fb07871bab9a92cf69bcbde8" data-path="desktop/assets/windsurf/codemaps/codemap-cascade.mp4" />