# Data Shaper Designer - Hop Gui

Hop Gui is Hop’s visual development environment. You’ll spend a lot of time here in the various perspectives of Hop GUI.

You’ll spend most of your time building, previewing running and debugging workflows and pipelines, but there’s also a lot of configuration that can be done from Hop Gui’s metadata perspective, you can search for any metadata with the search perspective, manage a variety of files and even version control them from the file explorer perspective and much more.

This page covers a number of topics that are very specific to working with Hop Gui. Check the chapters on [pipelines](https://docs.primeur.com/data-shaper-1.20/knowing-the-data-shaper-designer/pipelines) and [workflows](https://docs.primeur.com/data-shaper-1.20/knowing-the-data-shaper-designer/workflows) to learn more about creating and running pipelines and workflows in Hop Gui.

Covered here are:

* [File Dialog](https://docs.primeur.com/data-shaper-1.20/knowing-the-data-shaper-designer/index/file-dialog): the versatile Hop file browser and chooser dialog
* [Popup Dialog](https://docs.primeur.com/data-shaper-1.20/knowing-the-data-shaper-designer/index/hop-gui-popup-dialog): the versatile popup dialog to work with metadata, workflows, pipelines and hops
* [Perspectives](https://docs.primeur.com/data-shaper-1.20/knowing-the-data-shaper-designer/index/perspectives/perspective-configuration): the various perspectives in the Hop Gui
* [Working with git](https://docs.primeur.com/data-shaper-1.20/knowing-the-data-shaper-designer/index/hop-gui-git): Manage files in the git version control system
* [Keyboard Shortcuts](https://docs.primeur.com/data-shaper-1.20/knowing-the-data-shaper-designer/index/shortcuts): a list of the keyboard shortcuts that are available in Hop Gui


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.primeur.com/data-shaper-1.20/knowing-the-data-shaper-designer/index.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.