Barre d'outils
##############

La barre d'outils contient divers outils d'usage courant. Son contenu peut changer selon le contexte.

.. image:: ../../images/editeur__barre-d-outils.png

Les outils
**********

* move/scale : déplacer/redimensionner

  * move : permet de déplacer
  * scale : permet de redimensionner

* frame/slice : créer des cadres et des zones d'export

  * frame : créer un cadre
  * slice : `permet de définir une zone à exporter indépendante du cadre <https://help.figma.com/hc/en-us/articles/360040028394-Using-the-Slice-Tool>`_

* formes/images

  * rectangle
  * ligne
  * flèche
  * ellipse
  * polygon
  * étoile
  * placer une image

* plume/crayon :

  * plume : permet de faire des dessins vectoriels à base de points
  * crayon : permet de dessiner directement des tracés (pour faire des notes par exemple)

* texte : permet de créer des zones de texte
* outil main : permet de se déplacer dans l'espace
* ajouter/montrer des commentaires : comme son nom l'indique

.. _taches__creer-des-cadres:

Créer des cadres
****************

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/_OUOdrv8GbU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


.. _taches__grille-cadre:

Ajouter une grille à un cadre
*****************************

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/8aFTkpxVlPM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

.. _taches__redimensionner-un-cadre:

Redimensionner un cadre
***********************

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/rFfgHM2iRes" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

.. _taches__dessiner-rectangle:

Dessiner un rectangle
*********************

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/Sw_C7-4k1t4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

.. _taches__dessiner-cercle:

Dessiner un cercle
******************

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/s35LHSxTyDQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

.. _taches__dessiner-ligne:

Dessiner une ligne
******************

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/yJE94IC6rDI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>