System Designer

System Designer

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

›Introduction

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
  • Hantera tillägg
  • Extend System Designer
  • Shortcuts

Tutorials

  • List of Examples
  • Bundle your CSS
  • Bundle your JavaScript
  • Bundle your HTML
  • Test a server-side application
  • Create a NPM module
  • Create a website
  • Lyssna efter en modellhändelse
  • 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

  • Articles about the project

About

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

What is Design First?

Design First is a set of tools to help developers to design before coding. It contains:

  • System Designer a UI designer to create systems and
  • System Runtime, a JavaScript library to run and manage systems.

What is a system?

A system is an application: - defined by a model, - composed by components and - reacts to events with actions that we call behaviors.

Design First architecture

Image Alt

  • System Designer designs and bundles your system into a JSON file and
  • System Runtime installs and runs this bundle server and client side.
← What is System Designer?Quick Start →
  • Design First architecture
System Designer is distributed under Apache License 2.0 - Copyright © 2024 Erwan Carriou