Cara Menggunakan ChatGPT Canvas: Panduan Pemula

CometAPI
AnnaOct 22, 2025
Cara Menggunakan ChatGPT Canvas: Panduan Pemula

Canvas adalah bagian dari ChatGPT yang memungkinkan AI keluar dari gelembung obrolan kecil dan masuk ke ruang kerja bersama yang dapat diedit bersama Anda — sempurna untuk draf, kode, pengeditan berulang, dan pemolesan kolaboratif. Artikel ini menggabungkan berita produk terbaru dan panduan praktis agar Anda dapat membuka Canvas, mengedit layaknya seorang profesional, dan mengintegrasikannya ke dalam alur kerja nyata. Nantikan langkah-langkah konkret, contoh perintah, dan cuplikan kode yang dapat Anda tempelkan ke Canvas dan langsung gunakan.


Apa itu ChatGPT Canvas?

Canvas adalah ruang kerja berdampingan yang dapat diedit di dalam ChatGPT, dirancang untuk proyek yang membutuhkan lebih dari satu balasan obrolan: penulisan format panjang, pengeditan kode berulang, dokumen, dan keluaran yang dirender. Alih-alih menerima satu balasan dalam gelembung obrolan, Canvas memberi Anda dokumen langsung yang dapat diedit bersama oleh asisten dan Anda — dengan fitur versi, pengeditan di tempat, dan alat yang sesuai untuk perancangan dan pemfaktoran ulang. Fitur ini diumumkan oleh OpenAI sebagai antarmuka baru untuk penulisan dan pengodean proyek.

Mengapa Canvas penting

  • Ini menghilangkan gesekan "potong dan tempel" dari alur kerja khusus obrolan: pekerjaan ditampilkan langsung di kanvas yang dapat diedit.
  • Dibuat untuk iterasi: pengeditan yang tertarget, versi yang dapat dikembalikan, dan petunjuk kontekstual menjaga perubahan tetap tepat.
  • Menjembatani penyusunan dan kode yang dapat dijalankan — Anda dapat menyimpan kode, dokumen, dan keluaran yang dirender bersama-sama.

Cara menggunakan ChatGPT Canvas — buat, edit, dan ulangi (langkah demi langkah)

Di bawah ini adalah alur kerja praktis dan bertahap untuk memulai sesi Canvas, mengirim suntingan, dan menggunakan Canvas untuk kode atau teks.

Prasyarat cepat (sebelum Anda memulai)

  1. Akun ChatGPT aktif (ketersediaan Canvas bergantung pada paket Anda dan peluncuran saat ini; periksa UI ChatGPT Anda).
  2. Gunakan platform yang didukung: aplikasi web dan Windows memiliki dukungan Canvas; pantau halaman bantuan OpenAI untuk peluncuran macOS/seluler.
  3. Jika kolaborasi/berbagi diperlukan untuk tim, periksa pengaturan Enterprise/Edu atau Tim untuk kontrol berbagi.

Membuka Kanvas (membuat langkah)

  1. Buka ChatGPT (web atau aplikasi desktop yang didukung).
  2. Pilih model yang mendukung Canvas — di banyak UI ini diberi label seperti “GPT-4o dengan kanvas” or *“GPT dengan Kanvas”*Memilih model ini memberi tahu ChatGPT untuk membuka UI Canvas saat input Anda memintanya.
  3. Mulai draf baru atau minta untuk menggunakan Canvas. Ketik perintah yang menandakan Anda ingin membuat dokumen atau proyek: misalnya, "Bantu saya menulis artikel 1200 kata tentang X dan membukanya di Canvas," atau tempel dokumen yang sudah ada dan katakan "Edit ini di Canvas." Jika Canvas tidak muncul secara otomatis, ketik "Gunakan Canvas" atau pilih ikon Canvas jika ada.
  4. Kanvas terbuka sebagai ruang kerja berdampingan. Sisi kiri tetap menjadi ruang obrolan Anda; sisi kanan menjadi area kanvas yang dapat diedit yang menampilkan draf atau blok kode Anda. Kini Anda dapat mengoperasikan dokumen secara langsung.

Contoh: perintah yang dapat membuka Canvas dengan andal

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.

Tempelkan itu dengan model Canvas yang dipilih — ChatGPT akan menyajikan draf yang dapat diedit di ruang kerja Canvas.


Mengedit di dalam Canvas (cara membuat perubahan, mengembalikan, dan menyempurnakan)

Canvas mendukung beberapa paradigma pengeditan:

1) Pengeditan di tempat dengan bahasa alami

Ketik pesan baru yang menginstruksikan asisten cara mengubah kanvas: misalnya, "Persingkat intro menjadi 3 kalimat" atau "Refaktor fungsi contoh untuk menggunakan async/await." AI akan memodifikasi kanvas secara langsung dan menawarkan teks yang berbeda atau diperbarui.

2) Pengeditan manual

Anda dapat mengeklik langsung di kanvas dan mengedit seperti editor dokumen pada umumnya. Ini sangat cocok untuk perubahan kecil yang ingin Anda simpan tanpa perlu meminta bantuan asisten.

3) Perintah Ganti / Sisipkan / Perluas

Gunakan petunjuk untuk perubahan bedah:

  • “Ganti paragraf 2 dengan ringkasan 4 kalimat.”
  • “Masukkan contoh penggunaan setelah blok kode kedua.”
    Perintah-perintah ini menjaga agar suntingan tetap dalam cakupan dan dapat dilacak.

4) Riwayat versi & kembalian

Canvas menyimpan versi suntingan sehingga Anda dapat kembali ke kondisi sebelumnya jika diperlukan. Gunakan bilah alat atau menu Canvas untuk mengakses riwayat dan cuplikan. Ini penting untuk eksperimen tanpa kehilangan draf sebelumnya.

5) Berbagi & kolaborasi

Bagi pengguna Tim/Perusahaan/Pendidikan, aset Canvas dapat dibagikan seperti obrolan — berbagi kode yang telah dirender, dokumen, atau Canvas itu sendiri dari bilah alat. Hal ini memungkinkan rekan satu tim membuka artefak yang dapat diedit yang sama dengan kontrol akses yang tepat.


Contoh praktis & cuplikan kode (siap salin-tempel)

Berikut adalah contoh-contoh kecil dan praktis yang dapat Anda tempel ke Canvas untuk mencoba mengedit, melakukan refaktor, atau merender kode.

Contoh A — cuplikan kode untuk direfaktor (JavaScript)

Tempel ini ke Canvas, lalu berikan perintah: “Refactor fungsi ini agar lebih mudah dibaca dan tambahkan pengujian unit.”

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

Contoh perintah edit yang dapat Anda berikan di 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.

Contoh B — komponen React kecil (tempel, lalu perintah untuk mengonversi ke 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>
  );
}

Ide awal:

  • “Ubah ini ke TypeScript dan tambahkan tipe properti.”
  • “Buat komponen mengambil pesan ucapan dari /api/greeting dan menampilkan status pemuatan.”

Contoh C — perintah penyuntingan dokumen (kasus penggunaan penulisan)

Tempelkan draf Anda ke Canvas dan tanyakan:

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.

Kasus penggunaan dan alur kerja nyata

Canvas bermanfaat dalam berbagai skenario. Berikut adalah alur kerja konkret yang digunakan oleh individu dan tim.

1) Menyusun dan mengedit konten bentuk panjang (postingan blog, laporan)

Alur kerja:

  1. Buka kanvas dan tempel draf Anda.
  2. Minta ChatGPT untuk menyusunnya kembali menjadi judul dan subjudul.
  3. Gunakan tindakan “persingkat” / “perluas” pada bagian-bagian untuk menyesuaikan panjang dan nada.
  4. Ekspor salinan akhir ke CMS Anda.

Mengapa Canvas? Menjaga seluruh artikel tetap terlihat saat model diedit, sehingga Anda dapat menerima perubahan dengan lancar.

2) Alur kerja pengembang — pembuatan prototipe & debugging cepat

Alur kerja:

  1. Tempelkan cuplikan yang gagal ke Canvas.
  2. Tanyakan: “Jalankan dan tampilkan kesalahan” (atau “jelaskan traceback ini”).
  3. Terima perbaikan yang disarankan dan uji ulang.
  4. Ulangi untuk melakukan refaktor atau pengoptimalan.

Mengapa Canvas? Lebih cepat daripada beralih antara obrolan dan editor eksternal — terutama saat men-debug skrip kecil atau membuat cuplikan kode untuk dokumentasi.

3) Alur kerja pendidikan/penjelasan

Siswa dan guru menempelkan esai, kode, atau bukti matematika ke dalam Canvas dan meminta penjelasan langkah demi langkah, penyederhanaan, atau pertanyaan ujian. Canvas memungkinkan Anda menyorot bagian-bagian tertentu untuk mendapatkan umpan balik yang terarah.

4) Draf proyek + serah terima tim (dipasangkan dengan Proyek)

Pasangkan Canvas dengan Proyek ChatGPT untuk menyimpan ringkasan proyek yang sedang berjalan, berkas referensi, dan draf kanvas di satu tempat. Proyek berfungsi sebagai folder; Canvas adalah dokumen kerja langsung di dalam sebuah proyek. Kombinasi ini membantu mengelola beberapa kanvas di seluruh inisiatif.


Contoh alur kerja Canvas ujung ke ujung (skenario)

Tujuan: mengubah contoh skrip README + kasar menjadi halaman orientasi pustaka yang disempurnakan dan pengujian CI.

  1. Buka ChatGPT, pilih GPT-4o dengan kanvas.
  2. Tempel README.md Anda ke Canvas; tempel sample.js dari atas dalam blok kode.
  3. Perintah: “Tulis ulang README agar mudah digunakan; tambahkan cuplikan kode Memulai, dan buat alur kerja GitHub Actions yang menjalankan Jest.”
  4. Tinjau suntingan langsung di Canvas; minta perubahan: "Persingkat Memulai menjadi 6 baris" atau "Tambahkan FAQ pemecahan masalah."
  5. Hasilkan pengujian untuk modul sampel dengan menanyakan: “Tambahkan pengujian Jest yang meniru pengambilan dan menguji perilaku percobaan ulang.”
  6. Ekspor file README.md, sample.js, dan uji, komit ke repo, dan kirim CI. Jika menggunakan Tim/Perusahaan, bagikan Canvas agar peninjau dapat melihat artefak yang dapat diedit.


Tips terakhir — petunjuk & lembar contekan cepat

Perintah untuk mempersingkat suatu bagian

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

Perintah untuk melakukan refaktor kode

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

Perintah untuk mengonversi ke format lain

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

Pikiran penutup

Canvas memindahkan percakapan dari gelembung obrolan ke ruang kerja bersama yang dapat diedit, yang sangat berguna untuk penulisan dan pengodean iteratif. Sejak diperkenalkan, OpenAI telah terus menyempurnakan Canvas dan menambahkan fitur berbagi tim serta dukungan platform — menjadikannya praktis, baik bagi kreator solo maupun tim kolaboratif. Jika Anda menggabungkan Canvas dengan prompt yang disiplin, pengeditan iteratif kecil, dan alur peninjauan yang sudah ada, proses draf→peninjauan→publikasikan dapat dipercepat secara signifikan.

Untuk memulai, jelajahi model ChatGPT seperti GPT-5 Pro kemampuan dalam tempat bermain dan konsultasikan Panduan API untuk petunjuk terperinci. Sebelum mengakses, pastikan Anda telah masuk ke CometAPI dan memperoleh kunci API. API Komet menawarkan harga yang jauh lebih rendah dari harga resmi untuk membantu Anda berintegrasi.

Siap untuk berangkat?→ Daftar ke CometAPI hari ini !

Jika Anda ingin mengetahui lebih banyak tips, panduan, dan berita tentang AI, ikuti kami di VKX dan Discord!

Baca Selengkapnya

500+ Model dalam Satu API

Diskon hingga 20%