# Desktop/Mobile sync design

The "Desktop/Mobile sync design" feature allows you to adjust the display of an element (such as a button, image, or text) on both desktop and mobile interfaces. Users can choose to synchronize or not synchronize the design to meet specific interface design requirements for each device.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FXzsnrtG3YkPLhN5ZTnZ0%2Fimage.png?alt=media&#x26;token=55c33445-958d-4d4a-9a2d-e392352d485b" alt=""><figcaption></figcaption></figure>

**Key options**

* **Synchronous:** When this feature is enabled, all changes to the element's position, size, color, font style, etc., will be uniformly applied across both desktop and mobile interfaces.
  * **Advantages:**
    * Ensures consistency in design.
    * Saves time by requiring changes to be made only once.
* **Asynchronous:** When this option is selected, users can design separately for the desktop and mobile interfaces.
  * **Advantages:**
    * Optimizes the interface for each device type (e.g., reducing image size on mobile to improve loading speed).
    * Enhances customization and provides a better user experience.

**Notes for Use**

* If "Non-Sync" is selected, carefully review both versions of the interface to avoid display issues.
* Use the sync feature if the element does not require significant customization between devices to save time.