Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

# Panoramica visiva di Infrastructure Composer dal AWS Toolkit for Visual Studio Code
<a name="using-composer-ide-visual"></a>

Il visual designer di Infrastructure Composer AWS Toolkit for Visual Studio Code include una tela visiva, che include componenti numerati nell'immagine seguente ed elencati di seguito. 

![Il progettista visivo di Infrastructure Composer, inclusi i componenti della sua tela visiva che sono dettagliati numericamente.](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_use_ide_visual_02.png)


1. **Resource Palette**: mostra le schede con cui è possibile progettare.

1. **Categorie di schede**: le schede sono organizzate per categorie esclusive di Infrastructure Composer.

1. **Barra di ricerca delle risorse**: cerca le schede da aggiungere all'area di disegno.

1. **Elenco**: mostra una visualizzazione ad albero delle risorse dell'applicazione.

1. **Risorse**: visualizza la tavolozza delle risorse.

1. **Attiva/disattiva il riquadro sinistro**: nasconde o mostra il riquadro sinistro.

1. **Arrange**: organizza l'architettura dell'applicazione nell'area di disegno.

1. **Sincronizza**: avvia il CLI `sam sync` comando AWS Serverless Application Model (AWS SAM) per distribuire l'applicazione.

1. **Menu**: fornisce opzioni generali come le seguenti:
   + **Esporta tela**
   + **Visita la tela**
   + Collegamenti alla **documentazione**
   + Tasti di scelta rapida

1. **Pannello delle proprietà delle risorse**: mostra le proprietà pertinenti per la scheda selezionata nell'area di disegno. Questo pannello è dinamico. Le proprietà visualizzate cambieranno man mano che configuri la scheda.

1. **Scheda**: mostra una vista della scheda sulla tela.

1. **Linea**: rappresenta una connessione tra le carte.

1. **Gruppo**: un gruppo di carte. È possibile raggruppare le carte per organizzarle visivamente.

1. **Porta**: punti di connessione ad altre schede.

1. **Azioni relative alla carta**: fornisce le azioni che puoi eseguire sulla tua carta.
   + **Dettagli**: visualizza il pannello **delle proprietà della risorsa**.
   + **Gruppo**: raggruppa le carte selezionate.
   + **Elimina**: elimina la scheda dalla tela e dal modello.

1. **Ricentra: ricentra** il diagramma dell'applicazione sull'area di disegno visiva.

1. **Zoom: ingrandisci** e rimpicciolisci la tela.