Class Diagram Extension

Getting Started with Class Diagram Extensions in Under 5 Minutes

Watch this short video tutorial to learn how to create a Class Diagram in SmartDraw using Extensions.

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.

Launch the Class Diagram Extension

To get started, select Automatic Class Diagram in the Extensions category.

You'll be asked to choose whether you want to create a class diagram using a local repository or Github. 

Selecting Your Repository

For Github

1. Authenticate with Github
   
   1. Choose Github radio button.
   2. Click "Authenticate with Github".
   3. Follow Github prompts to log-in and allow SmartDraw to connect.
2. 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".

For Local Repository

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

Build a Class Diagram

Once you've 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.