Automated Class Diagrams

SmartDraw's Class Diagram Extension allows you to create a visual of your classes and their properties automatically by pointing it at a code repository. You can create a diagram using any local code file or a remote repository on Github.

Watch the video to see how you can use the Class Diagram extension.

Launch the Class Diagram Extension

In the Extension category of the SmartDraw template dialog, click on the Class Diagram icon to launch the extension. You'll be asked to choose whether you want to create a class diagram using a local repository or Github.

Launch extension

Select Your Repository

For Github

Authenticate with Github

  1. Choose the Github radio button.
  2. Click "Authenticate with Github".
  3. Follow Github prompts to log-in and allow SmartDraw to connect.
Authenticate github

Select a repository

  1. In the User Name field, enter the user name of the repository owner. (e.g. facebook)
  2. In the Repository Name field, enter the repository name. (e.g. react)
  3. Click "Load Source".
Class diagram Github

For a Local Repository

  1. Click Browse to open a file browser.
  2. Locate the local repository you want to visualize, and select a code file, click "Open".
  3. Click "Show Classes" to parse code file for classes.
Class diagram local

Build a Class Diagram

Once you connected SmartDraw to your repository, you're ready to choose the classes you want to visualize.

When you're ready, click "Build Diagram" to draw your class diagram automatically.

Class diagram

Get the source code for this Class Extension so you can learn how to create your own.