The Frame System Designer package

Frame is a state machine markdown language and the Frame System Designer provides a real-time preview of the UML documentation and code generation of Frame Specs.

This version of System Designer generates the following languages:

• Python
• UML

You can learn more about Frame from these resources:

• Documentation
• Playground - check out the online version of this plugin, explore the examples and share with the world your Frame'n

If you would like to find out more about Frame join our growing community and connect:

• Discord
• State Machine Reddit (I'm the mod)

Install Package

• Open VS Code Editor
• Open up the Settings Tab
  • Linux:
    • Keyboard Shortcut: Ctrl+Shift+X
    • Menu: View > Extensions
    • Command Palette: Open by Ctrl+Shift+P and search install extensions
  • Mac:
    • Keyboard Shortcut: Cmd+Shift+X
    • Command Palette: Open by Cmd+Shift+P and search install extensions
  • Windows:
    • Keyboard Shortcut: Ctrl+Shift+X
    • Menu: View > Extensions
    • Command Palette: Open by Ctrl+Shift+P and search install extensions
• Search for Frame System Designer package and install

Key Mappings for the package

• Ctrl-Alt-P : Show Frame System Designer target language prompt
• Alt-+ : UML image Zoom-in (Worked only when you are on the UML target language)
• Alt-- : UML image Zoom-out (Worked only when you are on the UML target language)