> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/main/fr/onboarding/playground.md).

# Playground

Apprenons les bases du Playground.

Avant de commencer à créer avec Beachside, voici quelques conseils pour naviguer dans notre interface. Apprends ces 6 concepts et tu es prêt à commencer !

{% @arcade/embed flowId="JXHS0kU4v5UsFb3MKItr" url="<https://app.arcade.software/share/JXHS0kU4v5UsFb3MKItr>" %}

1. **Nom du Playground :** double-clique pour changer le nom à tout moment.
2. **Toile infinie :** tu peux zoomer et dézoomer librement, et créer autant de scènes que tu veux.
3. **Scènes :** c'est comme ça qu'on appelle les créations que tu fais dans le Playground.
4. **Bibliothèque :** accède aux ressources de ton équipe et envoie des fichiers à utiliser dans le Playground.
5. **Menu des tâches :** des opérations créatives basées sur l'intention.
6. **Menu des outils :** des outils manuels pour aider et soutenir les tâches.

***

## Ouvre ton Playground

Quand tu ouvres un Playground, un message te demande de choisir entre commencer à partir d'une image ou d'un texte. Avec Beachside, tu peux créer une image de zéro avec une invite texte ou partir d'une image existante. Choisis <kbd><mark style="color:$primary;">**commencer à partir d'une image**<mark style="color:$primary;"></kbd>.

<div data-with-frame="true"><figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FnfIVdCNQcHe5yJezVfWL%2Fgitbook_gettingstarted_13.png?alt=media&amp;token=dacb49bd-3104-4c88-9cb8-b2da0cadf22d" alt=""><figcaption></figcaption></figure></div>

&#x20;

***

## Envoie les ressources dans ta bibliothèque

Avant de générer, enregistre et envoie ces ressources d'image dans la bibliothèque de ton Playground. Une fois envoyées ici, tu n'auras plus besoin de les envoyer à nouveau. Télécharge-les et stocke-les en local avant de passer à l'étape suivante.

{% file src="/files/72ff281cf2327ee5018e901736cfa80a774336c3" %}

{% file src="/files/53f6a76d9bce4f72d97da3e06fe5be6b757fd9fe" %}

{% stepper %}
{% step %}

### Ouvre le panneau d'envoi

En bas à gauche de l'écran, sélectionne l' <i class="fa-arrow-up-from-bracket" style="color:$primary;">:arrow-up-from-bracket:</i> icône du panneau d'envoi :

<div data-with-frame="true"><figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FOexCTgIrzWXmEGGvIEXF%2Fgitbook_gettingstarted_15.png?alt=media&amp;token=4823472d-83e5-443c-b084-a67912350613" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### Envoie tes images

1. Sélectionne et envoie tes fichiers\
   Envoie tes fichiers image en les sélectionnant ou en les faisant glisser dans la zone prévue. Chaque fichier peut faire jusqu'à 30 Mo, et tu peux envoyer jusqu'à 10 fichiers en même temps.
2. Sélectionne <kbd><mark style="color:$primary;">**Confirme**<mark style="color:$primary;"></kbd> pour terminer l'envoi et revenir au Playground.

<div data-with-frame="true"><figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FvbPRvtO6SRAxMbxYBEmH%2Fgitbook_gettingstarted_16.png?alt=media&amp;token=6b16dfb4-cc28-457c-8913-1e2fdd6a479d" alt=""><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FC8hazSHjZVQSJPRPXjTU%2Fgitbook_gettingstarted_17.png?alt=media&amp;token=88682cf3-108b-43ac-b208-9f2687d2903f" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### Continue à générer

**Glisse-dépose** ton image dans ta **scène** pour commencer à générer :

<div data-with-frame="true"><figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FPRjgNvShWhLP6NNEfKN2%2FDragandDrop.gif?alt=media&amp;token=f6e02c08-7a9b-48e7-ac0e-185402c65694" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

***

## Connecte les ressources produit à ton Playground

Maintenant, connectons les ressources de ton produit à la bibliothèque de ton Playground. Une fois envoyées ici, tu n'auras plus besoin de les envoyer à nouveau.&#x20;

{% stepper %}
{% step %}

### Ouvre le panneau des produits

En bas à gauche de l'écran, sélectionne l' <i class="fa-plus-large" style="color:$primary;">:plus-large:</i> icône sur le panneau des produits :

<div data-with-frame="true"><figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2Fp2Ts4CO1xMBoeB8TOgl9%2Fgitbook_gettingstarted_18.png?alt=media&amp;token=0ee91fc6-9386-4131-b3b4-be46c07dd682" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### Sélectionne ton produit

1. Choisis ta marque dans la liste de gauche.
2. Sélectionne le produit que tu veux envoyer.
3. Clique sur le <kbd><mark style="color:$primary;">**Sélectionne**<mark style="color:$primary;"></kbd> bouton pour l'ajouter à ta bibliothèque.

<div data-with-frame="true"><figure><img src="https://2067826466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FVUY43vTVkgfzb0IQ9E2Q%2Fgitbook_gettingstarted_19.png?alt=media&amp;token=50c3dbba-fd0e-4ae4-8e80-984b80e3dca8" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### Envoie plus de produits

Continue de répéter le processus pour ajouter d'autres produits si besoin.
{% endstep %}
{% endstepper %}

***

## Dernière étape&#x20;

Génère ta première création avec Beachside !

{% content-ref url="/pages/e7f6a851e62fd16a35ac8231d4f362eca669e8bc" %}
[Première génération](/main/fr/onboarding/firstgeneration.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.theseaai.com/main/fr/onboarding/playground.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.