---
title: Erste Schritte
---

<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 }

Willkommen bei der offiziellen Anleitung für **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="Die gpx.studio Oberfläche." />

Wie im obigen Screenshot dargestellt, ist die Oberfläche in vier Bereiche um die Karte herum aufgeteilt. 
Bevor wir in die Details der einzelnen Bereiche einsteigen, lassen Sie uns einen Überblick der Oberfläche verschaffen.

## Menü

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.
You can click on a file to select it and display its statistics below the list.
In the [dedicated section](./files-and-stats), we will explain how to select multiple files and switch to a vertical layout for advanced file management.

## Werkzeugleiste

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.

## Kartensteuerungen

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.
