Design Studio

HUB Client

Design Studio allows you to quickly design, test and deploy DO application. It gives you a lot of capabilities without the need to code.

Requirements to DO target

  • Target should have conventional folders and files structure
  • CSS variables listed in src/styles/studio-variables.less should meet available branding/components variables:
  • Layout components should have property isLayout set to true in order to properly propagate changes in component properties

src/layouts/main.yml

  • Application localization should be done using nested translation keys for more convenient work with translation tools in Design Studio
  • For all page to properly work in preview mode, use flowExport studio settings key and describe export data for each route, e.g.:

Design Studio settings available in application configuration

Example configuration