Come usare ChatGPT Canvas: una guida per principianti

Canvas è la parte di ChatGPT che consente all'IA di uscire dalla piccola chat e di accedere a uno spazio di lavoro condiviso e modificabile con te, perfetto per bozze, codice, modifiche iterative e rifiniture collaborative. Questo articolo unisce le ultime novità di prodotto e istruzioni pratiche per consentirti di aprire Canvas, modificarlo come un professionista e integrarlo in flussi di lavoro reali. Aspettati passaggi concreti, prompt di esempio e frammenti di codice che puoi incollare in Canvas e su cui iterare immediatamente.

Che cos'è ChatGPT Canvas?

Canvas è uno spazio di lavoro modificabile e affiancato all'interno di ChatGPT, progettato per progetti che richiedono più di una singola risposta in chat: scrittura di testi lunghi, modifiche iterative al codice, documenti e output renderizzati. Invece di ricevere una singola risposta nella bolla della chat, Canvas offre un documento dinamico che l'assistente e tu puoi modificare insieme, con controllo delle versioni, modifiche sul posto e strumenti adatti alla stesura e al refactoring. Questa funzionalità è stata annunciata da OpenAI come una nuova interfaccia per la scrittura e la codifica di progetti.

Perché Canvas è importante

Elimina la difficoltà di "copia e incolla" tipica dei flussi di lavoro basati solo sulla chat: il lavoro viene trasferito direttamente in un'area di lavoro modificabile.
È progettato per l'iterazione: modifiche mirate, versioni ripristinabili e prompt contestuali mantengono le modifiche precise.
Collega la stesura del codice e il codice eseguibile: puoi tenere insieme codice, documentazione e output renderizzato.

Come utilizzare ChatGPT Canvas: creare, modificare e ripetere (passo dopo passo)

Di seguito è riportato un flusso di lavoro pratico e graduale per avviare una sessione Canvas, inviare modifiche e utilizzare Canvas per codice o testo.

Prerequisiti rapidi (prima di iniziare)

Un account ChatGPT attivo (la disponibilità di Canvas dipende dal tuo piano e dall'implementazione attuale; controlla l'interfaccia utente di ChatGPT).
Utilizza una piattaforma supportata: l'app Web e Windows supportano Canvas; tieni d'occhio le pagine della guida di OpenAI per le implementazioni su macOS/dispositivi mobili.
Se è necessaria la collaborazione/condivisione per i team, selezionare le impostazioni Enterprise/Edu o Team per i controlli di condivisione.

Apertura di una tela (creazione di passaggi)

Apri ChatGPT (web o app desktop supportata).
Seleziona un modello abilitato per Canvas — in molte interfacce utente questo è etichettato come “GPT-4o con tela” or *“GPT con Canvas”*Selezionando questo modello, ChatGPT aprirà l'interfaccia utente Canvas quando l'input lo richiede.
Avvia una nuova bozza o chiedi di utilizzare Canvas. Digita un messaggio che indichi che desideri creare un documento o un progetto: ad esempio "Aiutami a scrivere un articolo di 1200 parole su X e ad aprirlo in Canvas", oppure incolla un documento esistente e pronuncia "Modifica in Canvas". Se Canvas non viene visualizzato automaticamente, digita "Usa Canvas" o seleziona l'icona Canvas, se presente.
Canvas si apre come uno spazio di lavoro affiancato. Il lato sinistro rimane la chat; quello destro diventa un'area modificabile che mostra la bozza o il blocco di codice. Ora puoi lavorare sul documento in linea.

Esempio: prompt che apre in modo affidabile una tela

I want to draft a technical tutorial on "How to set up GitHub Actions for CI". Create a new document in Canvas with headings, code blocks, and a sample workflow file. Start with an outline.

Incollalo con il modello Canvas selezionato: ChatGPT dovrebbe presentare una bozza modificabile nell'area di lavoro Canvas.

Modifica all'interno di Canvas (come apportare modifiche, ripristinare e perfezionare)

Canvas supporta diversi paradigmi di modifica:

1) Modifiche in loco con linguaggio naturale

Digita un nuovo messaggio che indichi all'assistente come modificare la tela: ad esempio, "Accorcia l'introduzione a 3 frasi" o "Ristruttura la funzione di esempio per usare async/await". L'IA modificherà direttamente la tela e offrirà un testo diff o aggiornato.

2) Modifiche manuali

Puoi cliccare direttamente nell'area di lavoro e modificare come qualsiasi editor di documenti. Questa funzionalità è ideale per apportare piccole modifiche senza dover chiedere all'assistente.

3) Comandi Sostituisci / Inserisci / Espandi

Utilizzare i prompt per le modifiche chirurgiche:

“Sostituisci il paragrafo 2 con un riassunto di 4 frasi.”
“Inserisci un esempio di utilizzo dopo il secondo blocco di codice.”
Questi comandi mantengono le modifiche circoscritte e tracciabili.

4) Cronologia delle versioni e ripristini

Canvas conserva le versioni delle modifiche, consentendo di ripristinare gli stati precedenti se necessario. Utilizza la barra degli strumenti o il menu di Canvas per accedere alla cronologia e agli snapshot. Questo è essenziale per sperimentare senza perdere le bozze precedenti.

5) Condivisione e collaborazione

Per gli utenti Team/Enterprise/Edu, le risorse di Canvas possono essere condivise come chat: è possibile condividere codice renderizzato, documenti o Canvas stesso dalla barra degli strumenti. Ciò consente ai membri del team di aprire lo stesso artefatto modificabile con controlli di accesso adeguati.

Esempi pratici e frammenti di codice (pronti per copia e incolla)

Di seguito sono riportati piccoli esempi pratici che puoi incollare in Canvas per provare a modificare, rifattorizzare o eseguire il rendering del codice.

Esempio A: un frammento di codice per il refactoring (JavaScript)

Incollalo in Canvas e poi chiedi: "Rielabora questa funzione per renderla più leggibile e aggiungi test unitari".

// sample.js - small utility to fetch JSON with retries
async function fetchJson(url, retries = 3) {
  try {
    const res = await fetch(url);
    if (!res.ok) throw new Error('bad status');
    return await res.json();
  } catch (err) {
    if (retries > 0) {
      await new Promise(r => setTimeout(r, 1000));
      return fetchJson(url, retries - 1);
    }
    throw err;
  }
}
export default fetchJson;

Esempio di richiesta di modifica che puoi fornire in Canvas:

Refactor this code: add JSDoc comments, increase delay exponentially with each retry, and export a named function. Also provide a small Jest test file.

Esempio B: un piccolo componente React (incolla, quindi chiedi di convertirlo in TypeScript)

// Greeting.jsx
import React from 'react';

export default function Greeting({ name }) {
  return (
    <div className="p-4 rounded shadow">
      <h2>Hello, {name}!</h2>
      <p>Welcome to the demo Canvas project.</p>
    </div>
  );
}

Idee rapide:

"Convertilo in TypeScript e aggiungi i tipi di prop."
"Fai in modo che il componente recuperi un messaggio di saluto da /api/greeting e mostri uno stato di caricamento."

Esempio C — prompt di modifica del documento (caso d'uso di scrittura)

Incolla la tua bozza in Canvas e chiedi:

Tighten the prose, improve transitions, and produce a 200-word summary for the top of the article. Also add two inline citations and a recommended reading list.

Casi d'uso reali e flussi di lavoro

Canvas è utile in molti scenari. Di seguito sono riportati flussi di lavoro concreti utilizzati da persone e team.

1) Redazione e modifica di contenuti di lunga durata (post di blog, report)

Flusso di lavoro:

Apri una tela e incolla la tua bozza.
Chiedi a ChatGPT di ristrutturare in titoli e sottotitoli.
Utilizzare le azioni "accorcia" / "espandi" sulle sezioni per regolare la lunghezza e il tono.
Esporta la copia finale sul tuo CMS.

Perché Canvas? Mantiene visibile l'intero articolo mentre il modello viene modificato, così puoi accettare le modifiche senza problemi.

2) Flussi di lavoro degli sviluppatori: prototipazione rapida e debug

Flusso di lavoro:

Incolla un frammento non funzionante in Canvas.
Chiedi: "Eseguilo e mostra gli errori" (o "spiega questo traceback").
Accetta la correzione suggerita e ripeti il test.
Ripetere l'operazione per riorganizzare o ottimizzare.

Perché Canvas? È più veloce rispetto all'alternanza tra chat e un editor esterno, soprattutto quando si esegue il debug di piccoli script o si creano frammenti di codice per la documentazione.

3) Flussi di lavoro educativi/esplicativi

Studenti e insegnanti incollano un saggio, un codice o una dimostrazione matematica su Canvas e richiedono spiegazioni dettagliate, semplificazioni o domande di verifica. Canvas consente di evidenziare parti del testo per un feedback mirato.

4) Bozze di progetto + passaggi di consegne al team (associati ai progetti)

Abbina Canvas ai progetti ChatGPT per conservare il brief, i file di riferimento e le bozze di un progetto in corso in un unico posto. I progetti fungono da cartelle; Canvas è il documento di lavoro attivo all'interno di un progetto. Questa associazione aiuta a organizzare più canvas all'interno di un'iniziativa.

Esempio di flusso di lavoro Canvas end-to-end (scenario)

Obiettivo: trasformare un README approssimativo + script di esempio in una pagina di onboarding della libreria rifinita e un test CI.

Apri ChatGPT, seleziona GPT-4o con tela.
Incolla il tuo README.md in Canvas; incolla sample.js dall'alto in un blocco di codice.
Prompt: "Riscrivi il file README per renderlo più semplice da usare; aggiungi un frammento di codice introduttivo e genera un flusso di lavoro GitHub Actions che esegua Jest."
Rivedi le modifiche direttamente in Canvas; chiedi modifiche: "Riduci la Guida introduttiva a 6 righe" o "Aggiungi una FAQ sulla risoluzione dei problemi".
Genera test per il modulo di esempio chiedendo: "Aggiungi test Jest che simulano il comportamento di recupero e ripetizione dei tentativi".
Esportare i file README.md, sample.js e di test, eseguire il commit nel repository e collegare la CI. Se si utilizza Team/Enterprise, condividere Canvas in modo che i revisori possano visualizzare l'artefatto modificabile.

Suggerimenti finali: suggerimenti e promemoria rapidi

Richiesta di accorciare una sezione

Shorten the selected paragraph to 40–60 words, keep tone professional, and remove passive voice.

Richiesta di refactoring del codice

Refactor the code block to be modular; export two functions, add JSDoc, and include a small Jest unit test.

Richiedi di convertire in un altro formato

Convert the current Canvas document into a 3-slide presentation outline (title + 2 slides), with speaker notes under each slide.

Riflessioni conclusive

Canvas sposta la conversazione fuori dalla chat e in uno spazio di lavoro condiviso e modificabile, particolarmente utile per la scrittura e la codifica iterative. Dalla sua introduzione, OpenAI ha costantemente migliorato Canvas e aggiunto la condivisione in team e il supporto della piattaforma, rendendolo pratico sia per i singoli creatori che per i team collaborativi. Combinando Canvas con prompt disciplinati, piccole modifiche iterative e le pipeline di revisione esistenti, è possibile velocizzare notevolmente il ciclo bozza→revisione→pubblicazione.

Per iniziare, esplora il modello ChatGPT come GPT-5 Pro le capacità di Parco giochi e consultare il Guida API per istruzioni dettagliate. Prima di accedere, assicurati di aver effettuato l'accesso a CometAPI e di aver ottenuto la chiave API. CometaAPI offrire un prezzo molto più basso rispetto al prezzo ufficiale per aiutarti a integrarti.

Pronti a partire? → Iscriviti oggi a CometAPI !

Se vuoi conoscere altri suggerimenti, guide e novità sull'IA seguici su VK, X e al Discordia!