> ## 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.

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

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" />

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

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"

En el modo de ventana de agente, Codemaps se abre en pestañas del editor: la vista de inicio, una generación en curso y cada Codemap individual tienen su propia pestaña.

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

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 una conversación: crea nuevos Codemaps desde la parte inferior de una conversación con un agente
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" />

<h2 id="sharing-codemaps">
  Compartir Codemaps
</h2>

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" />

<h2 id="using-codemaps-with-the-agent">
  Cómo usar Codemaps con el agente
</h2>

Puedes incluir información de Codemap como contexto en tus conversaciones con el agente mediante una mención con `@` para hacer referencia a un Codemap. Esto funciona en la entrada del agente tanto para Cascade como para el [agente local de Devin](/es/desktop/devin-local).

<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" />


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.