System Designer

Name: System Designer
Availability: InStock
Author: Erwan Carriou

System Designer is a low-code development app for building model-based systems. You define your application's structure visually, then add code for its behavior.

by Erwan Carriou

Get it on the Mac App Store Developer website ↗

Helps you Make mind maps & diagrams 19 Write & run code quickly 13

What you get

Turn your system model into code you can run and inspect.

With System Designer, you can define how your application's types, classes, and relationships fit together using UML rather than describing the whole model in code. You get generated classes and method skeletons, leaving you to write the behavior your system needs. You can also create component instances graphically instead of coding each one.

You can run your system inside the app and see warnings from dynamic type checks as it operates. When inspecting a system running in a browser or Node.js, you can view its model, components, and methods, then send model changes to the running system without reloading it.

When you're ready to use your work elsewhere, you can export it as JavaScript, HTML, JSON, a Node.js module, or a Graphviz file. You can also synchronize your work through GitHub to continue designing across your Mac, iPhone, iPad, or browser.

Define structure visually

You can map classes, types, and relationships with UML before filling in your application's behavior.
Write less setup code

You get generated method skeletons and can create component instances without writing instantiation code.
Inspect a running system

You can examine models and components, see type-check warnings, and apply model changes without reloading.
Take your model further

You can export your system in several formats, including JavaScript, JSON, and a Node.js module.

Best for

You build JavaScript systems around a defined data model
You prefer UML for planning classes and relationships
You need to inspect and adjust running system models

Skip it if

You don't need it if you only want to draw diagrams or expect to build an entire application without writing code.

Screenshots

From the developer

System Designer is a low-code development platform for creating systems. No matter the frameworks you use and the code you write, the most important is the model that you define to create your system. System Designer helps you to design this model and to generate the classes and components to build your system.

Read the full description