> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Usare il canvas

> Visualizza e lavora su tutte le pagine dell'app contemporaneamente. Aggiungi note, disegni e immagini, collabora con il team in tempo reale e invia idee direttamente alla chat IA.

Il canvas ti permette di visualizzare e lavorare su tutte le pagine dell'app contemporaneamente. Ogni pagina appare come un frame di anteprima live su una lavagna infinita che puoi organizzare, annotare e costruire insieme al tuo team. Tutto si salva automaticamente mentre lavori.

<Frame caption="Panoramica del canvas con i frame delle pagine dell'app">
  <img src="https://mintcdn.com/base44/hTbrmqc3FTDlyCSH/images/canvas-overview.png?fit=max&auto=format&n=hTbrmqc3FTDlyCSH&q=85&s=2a18935f7466536853d4a827d2a62a39" alt="The canvas showing multiple app page frames on an infinite board" width="1907" height="1074" data-path="images/canvas-overview.png" />
</Frame>

Usa il canvas per pianificare il layout dell'app, lasciare note e feedback per te o per il team, disegnare idee o inviare istruzioni direttamente alla chat IA per l'implementazione.

<Tip>
  Puoi usare la modalità **Edit** sul canvas proprio come nell'editor normale. Clicca **Edit** nella barra in alto per selezionare e definire lo stile degli elementi su qualsiasi frame di pagina.
</Tip>

***

## Accedere al canvas

Per accedere al canvas, apri l'editor dell'app e clicca sull'icona Canvas <Icon icon="grid-2" /> nella barra in alto.

<Frame caption="Accesso al canvas">
  <img src="https://mintcdn.com/base44/HMQ1t8hb_ML8CWxo/images/accessing-canvas.png?fit=max&auto=format&n=HMQ1t8hb_ML8CWxo&q=85&s=0df6b5c332b4c8c2021a0a999e9023ea" alt="Accessing Canvas" width="1912" height="1074" data-path="images/accessing-canvas.png" />
</Frame>

Quando apri il canvas la prima volta, si adatta per mostrare tutte le pagine. Successivamente, il livello di zoom e la posizione vengono salvati per dispositivo, così il canvas si riapre da dove l'hai lasciato.

***

## Collaborare sul canvas

Più persone possono lavorare sul canvas contemporaneamente. Il cursore di ogni collaboratore appare come un puntatore con il nome mentre si muove. I contorni colorati mostrano quali elementi ha selezionato ciascuno.

<Frame caption="Collaborazione in tempo reale sul canvas">
  <img src="https://mintcdn.com/base44/hTbrmqc3FTDlyCSH/images/canvas-collaboration.png?fit=max&auto=format&n=hTbrmqc3FTDlyCSH&q=85&s=eeae76cc4f076b4817a1d6d63c7e589c" alt="Multiple collaborators working on the canvas with named cursors" width="949" height="857" data-path="images/canvas-collaboration.png" />
</Frame>

<Tip>
  Puoi aggiungere collaboratori all'app dall'alto dell'editor. [Scopri di più sui collaboratori](/Setting-up-your-app/Managing-access#inviting-collaborators-to-your-app)
</Tip>

***

## Gestire i frame delle pagine

Ogni pagina della tua app appare come frame sul canvas, mostrando un'anteprima live di quella pagina.

<Frame caption="Ridimensionamento di un frame di pagina sul canvas">
  <img src="https://mintcdn.com/base44/lRfN14qvv8YdMpqq/images/resizing-page.gif?s=0d1148c87511c87b983b8841a0b72b5a" alt="Resizing Page" width="926" height="728" data-path="images/resizing-page.gif" />
</Frame>

Puoi fare diverse azioni sui frame delle pagine.

<AccordionGroup>
  <Accordion title="Spostare una pagina sul canvas">
    Clicca sul frame per selezionarlo, poi clicca e trascina il frame per spostarlo dove vuoi sul canvas.
  </Accordion>

  <Accordion title="Cambiare la vista (desktop, tablet, telefono)">
    Ogni frame ha un menu a tendina viewport in alto a destra nella sua intestazione. Cliccalo per passare tra **Desktop**, **Tablet** e **Phone** per vedere come appare la pagina su diverse dimensioni di schermo.

    <Frame>
      <img src="https://mintcdn.com/base44/GnNLayktD_WvyVoh/images/canvas-responsive.png?fit=max&auto=format&n=GnNLayktD_WvyVoh&q=85&s=768f9d43e6c3c83bd52b56a08b6e69a7" alt="Canvas Responsive" width="913" height="712" data-path="images/canvas-responsive.png" />
    </Frame>
  </Accordion>

  <Accordion title="Ridimensionare un frame di pagina">
    Clicca sul frame per selezionarlo. Le maniglie di ridimensionamento appaiono sui bordi. Trascina qualsiasi maniglia per regolare larghezza e altezza del frame.
  </Accordion>

  <Accordion title="Ricaricare una pagina">
    Clicca con il tasto destro sul frame e seleziona **Refresh** per ricaricare l'anteprima della pagina.

    <Frame>
      <img src="https://mintcdn.com/base44/GnNLayktD_WvyVoh/images/refresh-frame-canvas.png?fit=max&auto=format&n=GnNLayktD_WvyVoh&q=85&s=4aedac164bd2f2b1a683de3a48d2d740" alt="Refresh Frame Canvas" width="904" height="709" data-path="images/refresh-frame-canvas.png" />
    </Frame>
  </Accordion>
</AccordionGroup>

<Note>
  Le pagine non possono essere eliminate dal canvas. Per rimuovere una pagina, chiedi alla chat IA di eliminarla per te.
</Note>

***

## Usare la toolbar del canvas

La toolbar sul lato destro del canvas ti dà accesso agli strumenti principali.

<Frame caption="La toolbar del canvas">
  <img src="https://mintcdn.com/base44/hTbrmqc3FTDlyCSH/images/canvas-toolbar.png?fit=max&auto=format&n=hTbrmqc3FTDlyCSH&q=85&s=4938faaebfd77c49540758fcd7521659" alt="The canvas toolbar showing Select, Hand, Draw, Sticky note, and Image tools" width="1912" height="1078" data-path="images/canvas-toolbar.png" />
</Frame>

Vedi cosa puoi fare con la toolbar:

|                               | **Strumento**   | **Scorciatoia** | **Cosa fa**                                        |
| ----------------------------- | --------------- | --------------- | -------------------------------------------------- |
| <Icon icon="arrow-pointer" /> | **Select**      | V               | Seleziona, sposta e ridimensiona elementi          |
| <Icon icon="hand" />          | **Hand**        | H               | Sposta la vista sul canvas senza selezionare nulla |
| <Icon icon="pencil" />        | **Draw**        | D               | Disegno a mano libera                              |
| <Icon icon="note-sticky" />   | **Sticky note** | N               | Aggiunge sticky note                               |
| <Icon icon="image" />         | **Image**       | I               | Aggiunge immagini                                  |

<Tip>
  Premi **Escape** in qualsiasi momento per tornare allo strumento **Select**.
</Tip>

***

### Sticky note

Le sticky note sono il modo principale per lasciare idee, feedback e istruzioni direttamente sul canvas.

<Frame caption="Una sticky note sul canvas">
  <img src="https://mintcdn.com/base44/hTbrmqc3FTDlyCSH/images/canvas-sticky-note.png?fit=max&auto=format&n=hTbrmqc3FTDlyCSH&q=85&s=235d16fecb8241650611c663eb52c4d5" alt="A sticky note on the canvas with status, color, and formatting options" width="1273" height="999" data-path="images/canvas-sticky-note.png" />
</Frame>

Scopri di più sulle sticky note:

<AccordionGroup>
  <Accordion title="Aggiungere una sticky note">
    **Per aggiungere una sticky note:**

    1. Clicca lo strumento **Sticky note** <Icon icon="note-sticky" /> nella toolbar o premi **N**.
    2. Clicca ovunque sul canvas per posizionare la nota.
    3. Doppio clic sulla nota per iniziare a scrivere.

    L'avatar della persona che ha creato la nota appare in basso a sinistra.
  </Accordion>

  <Accordion title="Personalizzare la nota">
    Quando una sticky note è selezionata, appare una toolbar sotto con opzioni di formattazione:

    * <Icon icon="circle" /> **Color**: scegli un colore di sfondo per la nota.
    * **Aa** **Font family**: scegli tra quattro stili: default, handwriting, mono o serif.
    * **S** **Font size**: Small, Medium, Large o Extra large.
    * **B** **Bold**: rende il testo grassetto.
    * <Icon icon="list" /> **Bullet list**: formatta la nota come elenco puntato.
  </Accordion>

  <Accordion title="Cambiare lo stato di una nota">
    Ogni sticky note ha un menu a tendina **Status** in alto. Cliccalo per impostare lo stato:

    * To do (arancione)
    * In progress (blu)
    * Done (verde)
  </Accordion>

  <Accordion title="Collegare una sticky note a una pagina">
    Collega una sticky note a un frame di pagina per mostrare a quale pagina si riferisce.

    **Per collegare una sticky note a una pagina:**

    1. Passa il mouse sulla nota per rivelare le maniglie di connessione sui bordi.
    2. Trascina da una maniglia al frame della pagina che vuoi collegare.
  </Accordion>

  <Accordion title="Inviare una nota alla chat IA">
    Una volta scritta una nota, puoi inviare il suo contenuto alla chat IA per l'implementazione. Passa il mouse o seleziona la nota, poi clicca **Send to chat** in basso a destra sulla nota.

    * Se la nota è collegata a un frame di pagina, l'IA applica la modifica a quella pagina specifica.
    * Se la nota non è collegata a una pagina, l'IA decide quale pagina aggiornare in base al contenuto della nota.
  </Accordion>
</AccordionGroup>

***

### Disegni

Lo strumento draw ti permette di disegnare a mano libera ovunque sul canvas.

<Frame caption="Disegno a mano libera sul canvas">
  <img src="https://mintcdn.com/base44/hTbrmqc3FTDlyCSH/images/canvas-drawings.png?fit=max&auto=format&n=hTbrmqc3FTDlyCSH&q=85&s=52c7305fa90a1cc74f4aea7a1c7739d2" alt="Freehand drawings on the canvas with stroke color and weight controls" width="1138" height="982" data-path="images/canvas-drawings.png" />
</Frame>

Scopri di più sul disegno sul canvas:

<AccordionGroup>
  <Accordion title="Disegnare sul canvas">
    **Per disegnare sul canvas:**

    1. Clicca lo strumento **Draw** <Icon icon="pencil" /> nella toolbar o premi **D**.
    2. Clicca e trascina sul canvas per disegnare.
  </Accordion>

  <Accordion title="Personalizzare il disegno">
    Quando lo strumento draw è attivo, puoi personalizzarlo:

    * **Stroke color** <Icon icon="circle" />: clicca sul disegno per aprire il selettore di colori e scegliere il colore, o inserisci direttamente un valore hex.
    * **Stroke weight** <Icon icon="bars" />: clicca sul disegno e trascina lo slider per regolare lo spessore del tratto.
    * **Flip**: clicca con il tasto destro su un disegno e seleziona **Flip horizontal** o **Flip vertical**, o usa le scorciatoie **⇧H** e **⇧V**.
  </Accordion>
</AccordionGroup>

***

### Immagini

Puoi aggiungere immagini al canvas da più fonti. Le immagini vengono posizionate al centro della vista corrente.

<Frame caption="Un'immagine sul canvas con opzioni della toolbar">
  <img src="https://mintcdn.com/base44/hTbrmqc3FTDlyCSH/images/canvas-images.png?fit=max&auto=format&n=hTbrmqc3FTDlyCSH&q=85&s=a322bd1e27b52238b653448608849408" alt="An image on the canvas showing the Replace image, Crop, and Border toolbar" width="779" height="805" data-path="images/canvas-images.png" />
</Frame>

Scopri di più sull'aggiunta di immagini al canvas:

<AccordionGroup>
  <Accordion title="Aggiungere un'immagine">
    **Per aggiungere un'immagine:**

    1. Clicca lo strumento **Image** nella toolbar o premi **I**.
    2. Scegli da dove prendere l'immagine:
       * **Upload from computer**: seleziona un file dal tuo dispositivo.
       * **Import from Drive**: scegli un file dal tuo Google Drive connesso.
       * **Add from file library**: scegli dagli asset esistenti dell'app.
  </Accordion>

  <Accordion title="Personalizzare un'immagine">
    Seleziona l'immagine per accedere alla toolbar sotto di essa:

    * **Replace image:** sostituisce l'immagine con un'altra.
    * **Crop:** ritaglia l'immagine.
    * **Border:** aggiunge o regola un bordo intorno all'immagine.
    * **Flip:** clic destro per capovolgere l'immagine orizzontalmente o verticalmente.
  </Accordion>
</AccordionGroup>

***

### Azioni del clic destro

Clicca con il tasto destro su qualsiasi sticky note, disegno o immagine per aprire il menu contestuale. Sono disponibili le seguenti azioni:

| Azione                               | Scorciatoia da tastiera |
| ------------------------------------ | ----------------------- |
| Cut                                  | ⌘X                      |
| Copy                                 | ⌘C                      |
| Paste                                | ⌘V                      |
| Paste to replace                     | ⇧⌘R                     |
| Duplicate                            | ⌘D                      |
| Delete                               | Delete o Backspace      |
| Bring to front                       | ]                       |
| Send to back                         | \[                      |
| Flip horizontal (disegni e immagini) | ⇧H                      |
| Flip vertical (disegni e immagini)   | ⇧V                      |
| Lock / Unlock                        | ⇧⌘L                     |

***

## Aggiungere frecce

Puoi connettere due elementi qualsiasi sul canvas con una freccia per mostrare relazioni, ad esempio collegando una sticky note alla pagina a cui si riferisce.

<Frame caption="Una freccia che collega una sticky note a un frame di pagina">
  <img src="https://mintcdn.com/base44/hTbrmqc3FTDlyCSH/images/canvas-arrows.png?fit=max&auto=format&n=hTbrmqc3FTDlyCSH&q=85&s=768c18d1d9c5592e3133519ff4f75180" alt="An arrow drawn from a sticky note to a page frame on the canvas" width="909" height="770" data-path="images/canvas-arrows.png" />
</Frame>

**Per creare una freccia:**

1. Passa il mouse su un elemento per rivelare le maniglie di connessione sui bordi.
2. Trascina da una maniglia a un altro elemento.

<Tip>
  Per rimuovere una freccia, selezionala e premi **Delete** sulla tastiera.
</Tip>

***

## Bloccare elementi

Bloccare un elemento impedisce a chiunque di spostarlo, ridimensionarlo o modificarlo finché non viene sbloccato. Aiuta a evitare conflitti quando più persone lavorano sullo stesso canvas. Puoi bloccare sticky note, disegni e immagini.

<Frame caption="Blocco di un elemento sul canvas">
  <img src="https://mintcdn.com/base44/hTbrmqc3FTDlyCSH/images/canvas-locking.png?fit=max&auto=format&n=hTbrmqc3FTDlyCSH&q=85&s=4ec7808f626b74b50f3eb4492be2b046" alt="Right-click menu showing the Lock option on a sticky note" width="889" height="755" data-path="images/canvas-locking.png" />
</Frame>

**Per bloccare o sbloccare un elemento:**

* Clicca con il tasto destro sull'elemento e seleziona **Lock** o **Unlock**.
* Oppure seleziona l'elemento e premi **⇧⌘L**.

***

## Annullare e ripetere le modifiche

Puoi annullare e ripetere le modifiche recenti sul canvas usando scorciatoie da tastiera o i pulsanti annulla/ripeti che appaiono nella toolbar quando c'è cronologia da attraversare.

Annulla e ripeti coprono la maggior parte delle azioni sul canvas: creare, spostare, ridimensionare, modificare, eliminare, bloccare e connettere elementi.

| Azione  | Mac | Windows               |
| ------- | --- | --------------------- |
| Annulla | ⌘Z  | Ctrl+Z                |
| Ripeti  | ⇧⌘Z | Ctrl+Shift+Z o Ctrl+Y |

<Note>
  Annulla e ripeti sono personali. La tua cronologia è separata da quella dei collaboratori, quindi annullare una modifica inverte solo le tue modifiche, non le loro. Il canvas mantiene fino a 50 passi di cronologia.
</Note>

***

## Zoom e navigazione

La barra di zoom si trova in basso a destra del canvas.

| Controllo       | Scorciatoia | Azione                                                               |
| --------------- | ----------- | -------------------------------------------------------------------- |
| **Zoom to fit** | ⌘1          | Adatta l'intero canvas nella vista                                   |
| **−**           | ⌘-          | Zoom out di un passo                                                 |
| Percentuale     |             | Clicca per aprire un menu a tendina con livelli di zoom preimpostati |
| **+**           | ⌘+ o ⌘=     | Zoom in di un passo                                                  |
|                 | ⌘0          | Reset al 100%                                                        |

<Note>Questa pagina è stata tradotta utilizzando l'IA. Per informazioni più accurate e aggiornate, consulta la [versione inglese](/). </Note>
