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