# Designer tools

Any2info distinguishes between 3 types of layout that can be put together in the app studio in a dedicated "Designer screen" available for this purpose. 

In all cases, the composition of the work takes place visually on a central work surface, called [**canvas**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/designertools/canvas)**,** with functions on the [**toolbar**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/designertools/toolbar), the [**left sidebar**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/designertools/left-sidebar), the [**right sidebar**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/designertools/right-sidebar) and in the [**footer**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/designertools/footer-functions) of the designer screen.

In the footer bar there are functions to **add default** [**styling**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/designertools/stylesheets) (text, colors, [**icons**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/designertools/icons), etc.) to the application components. 

<figure><img src="https://870194474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_kE41Rl4pOtwKfvvQq%2Fuploads%2FuXFILhqVCIKAxuxKqDMU%2FImage%20designer%20tools.png?alt=media&#x26;token=1e2b1d25-f41e-4e50-a526-74499a90aab2" alt=""><figcaption></figcaption></figure>