Version 2
Standards version | Version 2 |
Release date | June 2025 |
Phases included |
|
Studio version | 4.4.0 |
Operating System version supported |
|
This document describes the changes in the second version of the app building standards. They include modifications to the Docs documentation and the Figma documents used in the phases included.
Design System
Layouts document (Figma):
We added the General Mobile layout applicable to mobile apps only. It includes seventeen structures applicable to app screens. These layouts are described in the Layouts document in the Figma repository.
We added variant structures in the six main layouts applicable to web apps only, with a total of 22 layouts available. The updates also include:
Vertical sizes information for responsive design versions.
CSS description and breakpoints information applicable to each structure.
Scroll attribute information in CSS details.
Note
These changes are also described in the Design System documentation in Docs.
Design System document (Figma):
We added the introduction General overview - Building a VT solution with standards.
We added the Store app icons subsection to the UX/UI Definitions section. This section is only applicable for mobile apps and describes how to add icons in app stores.
We specified which sections or subsections are only applicable to mobile or web apps. To indicate it, a mobile phone or desktop computer icon appears to the right of the section or subsection name.
We added the Variables styles allowed to concatenate subsection to the Theme variables section. It describes styles that can be concatenated and are also available in the Custom section of the default theme preconfigured in Studio.
We modified the Component Library section:
New introduction to explain the benefit of a components library.
Components are no longer divided between native or configurable. Now, components are divided into five categories: Container, Input, Selector, Navigation, Indicator.
Native components are indicated through a tag icon to the left of the name.
Note
These changes are also described in the the Design System documentation in Docs.
Docs documentation:
Documentation repositories were divided into two: the Master Documentation repository and the General Documents repository. Now, the Initial Mandatory Documentation instructions have additional steps.
Layouts are now available for mobile and web apps. Now, the UI Kit Generation instructions have steps modified.
Components are now divided by type. Now, the Design System Definition instructions have additional steps.
Layouts document (Figma).
We removed the index.
Design System document (Figma):
We removed the template layouts. Now, the UX designer must copy and paste the templates to be used from the Layouts document.
Configurable Components
We created the Configurable Components standards documentation.
App Logic
We created the Logic standards documentation.