---
title: Agregar diagramas de clases a proyectos (Diseñador de clases)
description: Aprenda a diseñar, editar y refactorizar las clases y otros tipos, y a agregar un diagrama de clases al proyecto de C#, Visual Basic o C++.
ms.custom: SEO-VS-2020
ms.date: 05/08/2018
ms.topic: how-to
helpviewer_keywords:
- class diagrams, creating
- Class Designer [Visual Studio], opening
ms.assetid: 0eac1b54-2711-4e4b-9654-a0c429c08c8f
author: TerryGLee
ms.author: tglee
manager: jmartens
ms.technology: vs-ide-general
ms.workload:
- multiple
ms.openlocfilehash: 539c3f9bbd59de6bc1df1bf60f39d96b1b1f439b
ms.sourcegitcommit: 68897da7d74c31ae1ebf5d47c7b5ddc9b108265b
ms.translationtype: HT
ms.contentlocale: es-ES
ms.lasthandoff: 08/13/2021
ms.locfileid: "122069513"
---
# <a name="how-to-add-class-diagrams-to-projects"></a>Cómo: Agregar diagramas de clases a proyectos
Para diseñar, editar y refactorizar clases y otros tipos, agregue un diagrama de clases al proyecto de C#, Visual Basic o C++. Para visualizar distintas partes del código de un proyecto, agregue varios diagramas de clases al proyecto.
No se pueden crear diagramas de clases de proyectos que compartan código en varias aplicaciones. Para crear diagramas de clases UML, vea [Cómo: Crear proyectos y diagramas de modelado UML](https://devblogs.microsoft.com/devops/uml-designers-have-been-removed-layer-designer-now-supports-live-architectural-analysis/).
## <a name="install-the-class-designer-component"></a>Instalar el componente del Diseñador de clases
Si no ha instalado el componente del **Diseñador de clases**, siga estos pasos para hacerlo.
1. Abra el **Instalador de Visual Studio** desde el menú Inicio de Windows o seleccionando **Herramientas** > **Obtener herramientas y características** en la barra de menús de Visual Studio.
   Se abrirá el **Instalador de Visual Studio**.
1. Seleccione la pestaña **Componentes individuales** y, después, desplácese hacia abajo hasta la categoría **Herramientas de código**.
1. Seleccione **Diseñador de clases** y **Modificar**.
   ![Componente del Diseñador de clases en el Instalador de Visual Studio](media/class-designer-component.png)
   El componente del **Diseñador de clases** empezará a instalarse.
## <a name="add-a-blank-class-diagram-to-a-project"></a>Agregar un diagrama de clases en blanco a un proyecto
1. En el **Explorador de soluciones**, haga clic con el botón derecho en el nodo del proyecto y, después, elija **Agregar** > **Nuevo elemento**. También puede presionar **Ctrl**+**Mayús**+**A**.
   Se abrirá el cuadro de diálogo **Agregar nuevo elemento**.
2. Expanda **Elementos comunes** > **General** y, después, seleccione **Diagrama de clases** en la lista de plantillas. Para los proyectos de Visual C++, busque en la categoría **Utilidad** la plantilla **Diagrama de clases**.
   > [!NOTE]
   > Si no ve la plantilla **Diagrama de clases**, [siga los pasos](#install-the-class-designer-component) para instalar el componente del **Diseñador de clases** de Visual Studio.
   El diagrama de clases se abre en el Diseñador de clases y aparece como un archivo que tiene la extensión *.cd* en el **Explorador de soluciones**. Puede arrastrar formas y líneas al diagrama desde el **cuadro de herramientas**.
Para agregar varios diagramas de clases, repita los pasos de este procedimiento.
## <a name="add-a-class-diagram-based-on-existing-types"></a>Agregar un diagrama de clases basado en tipos existentes
En el **Explorador de soluciones**, abra el menú contextual (botón derecho) del archivo de clases y elija **Ver diagrama de clases**.
o bien
En **Vista de clases**, abra el menú contextual del espacio de nombres o del tipo y, después, elija **Ver diagrama de clases**.
> [!TIP]
> Si la **Vista de clases** no está abierta, abra la **Vista de clases** desde el menú **Ver**.
## <a name="to-display-the-contents-of-a-complete-project-in-a-class-diagram"></a>Para mostrar los contenidos de un proyecto completo en un diagrama de clases
En el **Explorador de soluciones** o en la Vista de clases, haga clic con el botón derecho en el proyecto y elija **Ver**; después, elija **Ver diagrama de clases**.
Se crea un diagrama de clases que se rellena automáticamente.
> [!NOTE]
> El Diseñador de clases aún no está disponible en proyectos de .NET Core.
## <a name="see-also"></a>Vea también
- [Cómo: Crear tipos con el Diseñador de clases](how-to-create-types.md)
- [Cómo: Ver los tipos existentes](how-to-view-existing-types.md)
- [Diseñar y ver clases y tipos](designing-and-viewing-classes-and-types.md)