ChatGPT Canvas gebruiken: een beginnershandleiding

Canvas is het onderdeel van ChatGPT waarmee de AI uit de kleine chatbubbel stapt en samen met jou een gedeelde, bewerkbare werkruimte creëert – perfect voor concepten, code, iteratieve bewerkingen en gezamenlijke verbeteringen. Dit artikel combineert het laatste productnieuws met praktische handleidingen, zodat je Canvas kunt openen, professioneel kunt bewerken en kunt integreren in echte workflows. Verwacht concrete stappen, voorbeeldprompts en codefragmenten die je in Canvas kunt plakken en direct kunt gebruiken.

Wat is ChatGPT Canvas?

Canvas is een bewerkbare, naast elkaar geplaatste werkruimte binnen ChatGPT die is ontworpen voor projecten die meer dan één chatantwoord nodig hebben: het schrijven van lange teksten, iteratieve codebewerkingen, documenten en gerenderde output. In plaats van één antwoord in de chatbubbel te ontvangen, biedt Canvas je een levend document dat de assistent en jij samen bewerken – met versiebeheer, bewerkingen ter plekke en tools voor het opstellen en refactoren van concepten. Deze functie werd door OpenAI aangekondigd als een nieuwe interface voor het schrijven en coderen van projecten.

Waarom Canvas belangrijk is

Het neemt de 'knippen-plakken'-problemen van chat-only workflows weg: het werk wordt rechtstreeks in een bewerkbaar canvas geplaatst.
Het is gebouwd voor iteratie: gerichte bewerkingen, terugdraaibare versies en contextuele prompts zorgen ervoor dat wijzigingen nauwkeurig blijven.
Het vormt een brug tussen het opstellen van code en het uitvoeren van code: u kunt code, documenten en gerenderde uitvoer bij elkaar houden.

ChatGPT Canvas gebruiken: maken, bewerken en herhalen (stap voor stap)

Hieronder vindt u een praktische, stapsgewijze workflow om een Canvas-sessie te starten, bewerkingen door te voeren en Canvas te gebruiken voor code of tekst.

Snelle vereisten (voordat u begint)

Een actief ChatGPT-account (de beschikbaarheid van Canvas is afhankelijk van uw abonnement en de huidige uitrol; controleer uw ChatGPT-gebruikersinterface).
Gebruik een ondersteund platform: de web-app en Windows ondersteunen Canvas. Houd de OpenAI-helppagina's in de gaten voor macOS-/mobiele uitrol.
Als teams samenwerking/delen nodig hebben, controleer dan de instellingen voor Enterprise/Edu of Teams voor de deelopties.

Een canvas openen (stappen maken)

Open ChatGPT (web of ondersteunde desktop-app).
Selecteer een Canvas-compatibel model — in veel gebruikersinterfaces wordt dit als volgt gelabeld “GPT-4o met canvas” or *“GPT met Canvas”*Als u dit model selecteert, geeft u ChatGPT de opdracht om de Canvas-gebruikersinterface te openen wanneer uw invoer daarom vraagt.
Maak een nieuw concept of vraag of je Canvas mag gebruiken. Typ een prompt die aangeeft dat u een document of project wilt laten maken: bijvoorbeeld 'Help me een artikel van 1200 woorden over X te schrijven en open het in Canvas', of plak een bestaand document en zeg 'Bewerk dit in Canvas'. Als Canvas niet automatisch verschijnt, typ dan 'Gebruik Canvas' of selecteer het Canvas-pictogram (indien aanwezig).
Canvas opent als een naast elkaar gelegen werkruimte. De linkerkant blijft je chat; de rechterkant wordt een bewerkbaar canvasgebied met je concept of het codeblok. Je kunt nu inline aan het document werken.

Voorbeeld: prompt die betrouwbaar een Canvas opent

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.

Plak dat met het Canvas-model geselecteerd. ChatGPT zou een bewerkbaar concept in de Canvas-werkruimte moeten presenteren.

Bewerken in Canvas (wijzigingen aanbrengen, terugdraaien en verfijnen)

Canvas ondersteunt verschillende bewerkingsmethoden:

1) Bewerkingen ter plaatse met natuurlijke taal

Typ een nieuw bericht waarin je de assistent instrueert hoe het canvas moet worden gewijzigd: bijvoorbeeld: "Verkort de intro tot drie zinnen" of "Refactor de voorbeeldfunctie om async/await te gebruiken." De AI zal het canvas direct aanpassen en een diff of bijgewerkte tekst aanbieden.

2) Handmatige bewerkingen

Je kunt direct op het canvas klikken en bewerken zoals in elke documenteditor. Dit is ideaal voor kleine aanpassingen die je wilt behouden zonder de assistent te vragen.

3) Vervangen/Invoegen/Uitbreiden opdrachten

Gebruik prompts voor chirurgische veranderingen:

“Vervang paragraaf 2 door een samenvatting van vier zinnen.”
“Voeg een gebruiksvoorbeeld in na het tweede codeblok.”
Met deze opdrachten blijven de bewerkingen beperkt en traceerbaar.

4) Versiegeschiedenis en terugzetten

Canvas bewaart versies van bewerkingen, zodat je indien nodig kunt terugkeren naar eerdere versies. Gebruik de Canvas-werkbalk of het menu om toegang te krijgen tot de geschiedenis en momentopnamen. Dit is essentieel om te experimenteren zonder eerdere versies te verliezen.

5) Delen en samenwerken

Voor Team-/Enterprise-/Edu-gebruikers kunnen Canvas-assets worden gedeeld zoals chats: deel gerenderde code, documenten of het Canvas zelf via de werkbalk. Zo kunnen teamleden hetzelfde bewerkbare artefact openen met de juiste toegangscontrole.

Praktische voorbeelden en codefragmenten (kopiëren en plakken is mogelijk)

Hieronder vindt u kleine, praktische voorbeelden die u in Canvas kunt plakken om code te bewerken, te refactoren of te renderen.

Voorbeeld A — een codefragment om te refactoren (JavaScript)

Plak dit in Canvas en geef dan de opdracht: "Refactor deze functie om deze leesbaarder te maken en voeg unittests toe."

// 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;

Voorbeeld van een bewerkingsopdracht die u in Canvas kunt opgeven:

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

Voorbeeld B — een klein React-component (plakken, en dan vragen om te converteren naar 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ën voor snelle opdrachten:

“Converteer dit naar TypeScript en voeg prop-typen toe.”
“Zorg dat het component een begroetingsbericht ophaalt uit /api/greeting en een laadstatus weergeeft.”

Voorbeeld C — prompt voor het bewerken van documenten (schrijfgebruiksvoorbeeld)

Plak je concept in Canvas en vraag:

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.

Echte use cases en workflows

Canvas is in veel scenario's waardevol. Hieronder staan concrete workflows die mensen en teams gebruiken.

1) Het opstellen en bewerken van lange content (blogberichten, rapporten)

Workflow:

Open een canvas en plak uw concept.
Vraag ChatGPT om de tekst te herstructureren in koppen en subkoppen.
Gebruik de acties 'verkorten'/'uitbreiden' op secties om de lengte en toon aan te passen.
Exporteer de definitieve kopie naar uw CMS.

Waarom Canvas? Het hele artikel blijft zichtbaar terwijl het model wordt bewerkt, zodat u wijzigingen soepel kunt doorvoeren.

2) Ontwikkelaarsworkflows — snelle prototyping en debuggen

Workflow:

Plak een mislukt fragment in Canvas.
Vraag: “Voer het uit en toon fouten” (of “leg deze traceback uit”).
Accepteer de voorgestelde oplossing en test het opnieuw.
Herhaal dit om te refactoren of optimaliseren.

Waarom Canvas? Het is sneller dan wisselen tussen chat en een externe editor, vooral bij het debuggen van kleine scripts of het maken van codefragmenten voor documentatie.

3) Educatieve/uitlegworkflows

Studenten en docenten plakken een essay, code of wiskundig bewijs in Canvas en vragen om stapsgewijze uitleg, vereenvoudigingen of toetsvragen. Met Canvas kun je delen markeren voor gerichte feedback.

4) Projectontwerpen + teamoverdrachten (gepaard met projecten)

Combineer Canvas met ChatGPT-projecten om de projectbeschrijving, referentiebestanden en canvasconcepten van een lopend project op één plek te bewaren. Projecten fungeren als mappen; Canvas is het actieve werkdocument binnen een project. Deze combinatie helpt bij het organiseren van meerdere canvassen binnen een initiatief.

Voorbeeld van een end-to-end Canvas-workflow (scenario)

Doel: Verander een ruwe README + voorbeeld script in een gepolijste bibliotheek onboarding pagina en CI test.

Open ChatGPT, selecteer GPT-4o met canvas.
Plak je README.md in Canvas; plakken sample.js van bovenaf in een codeblok.
Prompt: "Herschrijf README zodat het onboarding-vriendelijk is; voeg een Getting Started-codefragment toe en genereer een GitHub Actions-workflow die Jest uitvoert."
Controleer de bewerkingen rechtstreeks in Canvas en vraag om wijzigingen: "Verkort de 'Aan de slag'-sectie tot 6 regels" of "Voeg een FAQ voor probleemoplossing toe."
Genereer tests voor de voorbeeldmodule door te vragen: "Voeg Jest-tests toe die het ophaal- en herhaalgedrag nabootsen."
Exporteer README.md, sample.js en testbestanden, commit deze naar de repository en koppel CI. Als u Team/Enterprise gebruikt, deel dan het Canvas zodat reviewers het bewerkbare artefact kunnen zien.

Laatste tips — prompts en snelle cheatsheet

Vraag om een sectie in te korten

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

Vraag om code te refactoren

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

Vraag om te converteren naar een ander formaat

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

Afsluitende gedachten

Canvas verplaatst het gesprek van de chatbubbel naar een gedeelde, bewerkbare werkruimte die vooral handig is voor iteratief schrijven en coderen. Sinds de introductie heeft OpenAI Canvas gestaag verbeterd en teamdeling en platformondersteuning toegevoegd, waardoor het praktisch is voor zowel solo-creators als samenwerkende teams. Als je Canvas combineert met gedisciplineerde prompts, kleine iteratieve bewerkingen en je bestaande reviewpipelines, kan het de cyclus van concept naar review en publicatie aanzienlijk versnellen.

Om te beginnen, verken het ChatGPT-model zoals GPT-5 Pro 's mogelijkheden in de Speeltuin en raadpleeg de API-gids voor gedetailleerde instructies. Zorg ervoor dat u bent ingelogd op CometAPI en de API-sleutel hebt verkregen voordat u toegang krijgt. KomeetAPI bieden een prijs die veel lager is dan de officiële prijs om u te helpen integreren.

Klaar om te gaan?→ Meld u vandaag nog aan voor CometAPI !

Als u meer tips, handleidingen en nieuws over AI wilt weten, volg ons dan op VK, X en Discord!