System Designer

System Designer

  • Languages iconΕλληνικά
    • English
    • Português (Brasil)
    • Svenska
    • 繁體中文
    • Help Translate
  • SUPPORT
  • GITHUB

›Guides

Introduction

  • What is System Designer?
  • What is Design First?
  • Quick Start
  • Quick Start in videos

Guides

  • Installation
  • Create a System
  • Create a Schema
  • Edit a model
  • Create a Behavior
  • Create a Type
  • Create a Component
  • Run your System
  • Export a System
  • Import a System
  • Generate a diagram
  • Sync your systems with GitHub
  • Design a remote client system
  • Design a remote server system
  • Manage Extensions
  • Extend System Designer
  • Shortcuts

Tutorials

  • List of Examples
  • Bundle your CSS
  • Bundle your JavaScript
  • Δέσμευση HTML
  • Test a server-side application
  • Create a NPM module
  • Create a website
  • Listen to a model event
  • Listen to a data store event
  • Send messages
  • Send messages to other systems
  • Create an extension
  • Generate a model from a JSON file
  • Create a Graph system

Articles

  • Άρθρα σχετικά με το έργο

About

  • Who is behind System Designer?
  • Privacy Policy
  • License
Translate

Generate a diagram

version compatibility

This feature is only available on the Windows, macOS, Linux and PWA versions of System Designer.

You can generate a Class diagram, Component diagram of a Graph (if your system is a graph system) of your entire system and export it in SVG.

View the diagram

To generate a css diagram:

  • just click on the corresponding button in the toolbar (the 5th button from the top)
  • or type Command + D (on macOS) / Control + D (on Windows).

Image Alt

Then a new window will open and you will see the diagram of your system.

Image Alt

You will be able to:

  • zoom in/out
  • or move the diagram to explore the model.

Dynamic generation

If you work on your system when your diagram window is still open, you will notice that the diagram is generated everytime you update the schema, model or component of the system. So keep the diagram window open, you will find this way of working very useful.

Image Alt

← Import a SystemSync your systems with GitHub →
  • View the diagram
  • Dynamic generation
System Designer is distributed under Apache License 2.0 - Copyright © 2024 Erwan Carriou