---
title: Come iniziare
---

<script lang="ts">
    import interfaceScreenshot from '$lib/assets/img/docs/getting-started/interface.png?enhanced';
    import DocsImage from '$lib/components/docs/DocsImage.svelte';
</script>

# { title }

Benvenuto nella guida ufficiale per **gpx.studio**!
This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.

<DocsImage src={interfaceScreenshot} alt="The gpx.studio interface." />

As shown in the screenshot above, the interface is divided into four main sections organized around the map. 
Before we dive into the details of each section, let's have a quick overview of the interface.

## Menu

At the top of the interface, you will find the [main menu](./menu).
This is where you can access common actions such as opening, closing, and exporting files, undoing and redoing actions, and adjusting the application settings.

## Files and statistics

At the bottom of the interface, you will find the list of files currently open in the application.
È possibile fare clic su un file per selezionarlo e visualizzare le sue statistiche sotto l'elenco.
Nella [sezione dedicata](./files-and-stats), spiegheremo come selezionare più file e passare a un layout verticale per la gestione avanzata dei file.

## Barra degli strumenti

On the left side of the interface, you will find the [toolbar](./toolbar), which contains all the tools you can use to edit your files.

## Controlli Mappa

Finally, on the right side of the interface, you will find the [map controls](./map-controls).
These controls allow you to navigate the map, zoom in and out, and switch between different map styles.