Design Studio

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

‍

‍