System Designer

System Designer

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

›Guides

Introduction

  • What is System Designer?
  • O que é 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
  • Bundle your 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

  • Articles about the project

About

  • Quem está por trás do System Designer?
  • Privacy Policy
  • License
Translate

Sync your systems with GitHub

You can save your systems in a GitHub repository to share your systems with other users or with other System Designer apps.

Configure your GitHub repository

  • go to GitHub,
  • create a repository to store your systems,
  • go to the Personal Access Tokens page,
  • click on Generate new token button,
  • in Token Description type 'System Designer',
  • add repo scope,
  • click on Generate token button and
  • copy the generated key.

Configure System Designer

  • open the configuration panel,
  • in GitHub token paste your key,
  • in GitHub repository set the name of your repository (example: myname/myrepo ) and
  • click on Save button.

Image Alt

Get systems from GitHub

  • open the GitHub panel,
  • select Pull,
  • click on Execute button and
  • all the systems in your Github repository will be added into System Designer.

Image Alt

Send a system to GitHub

  • open the GitHub panel,
  • add a comment,
  • click on Execute button and
  • your current system will be pushed in your GitHub repository.

Image Alt

What are the options on a push command?

On a push command, you can: - create a HTML file that will refer to your system (for client-side use) or - create a package.json file (for creating a npm module).

← Generate a diagramDesign a remote client system →
  • Configure your GitHub repository
  • Configure System Designer
  • Get systems from GitHub
  • Send a system to GitHub
System Designer is distributed under Apache License 2.0 - Copyright © 2024 Erwan Carriou