Buat desain interaktif dengan Kode Canva
Kode Canva memungkinkan Anda membuat desain interaktif yang responsif tanpa harus menulis kode secara teknis. Anda dapat menggunakan Program Canva dengan dua cara:
- Buat desain Kode interaktif
- Buat desain interaktif lengkap seperti halaman arahan, dasbor, atau portofolio, lalu edit dan publikasikan sebagai situs web di Editor Canva
- Tambahkan elemen Kode interaktif ke desain
- Buat elemen interaktif seperti kuis, kalkulator, atau grafik ke desain lain dan gunakan kembali di beberapa desain
Tips:
- Pelajari lebih lanjut tentang bagaimana fitur ini diperhitungkan dalam penggunaan AI Anda.
- Pelajari cara menulis petunjuk yang lebih baik untuk memaksimalkan tunjangan AI Anda.
Buat desain Kode interaktif
Gunakan jenis desain Kode saat Anda ingin membangun pengalaman interaktif yang lengkap.
- Buat halaman arahan, dasbor, portofolio, dan lainnya
- Edit dan sempurnakan di editor Canva
- Publikasikan sebagai situs web yang responsif
- Dari beranda Canva, pilih Kode. Tindakan ini akan membuka editor Canva.
- Di editor Canva, mulailah dengan menjelaskan desain Anda di tab AI Canva. Minta sesuatu seperti "Desain pelacak olahraga interaktif yang mudah digunakan."
- Atau, pada tab Template, Anda juga dapat menelusuri atau mencari template untuk memulai.
- Sempurnakan menggunakan AI Canva atau pengeditan langsung. Lihat Mengedit desain dan elemen Kode Canva interaktif untuk mempelajari caranya.
Tambahkan elemen Kode interaktif ke desain
Buka Canva AI lalu, Kode ketika Anda ingin membuat satu komponen interaktif.
- Buat kuis, kalkulator, bagan, dan lainnya sebagai elemen.
- Tambahkan ke Presentasi, Papan Tulis, atau jenis desain lainnya. Publikasikan sebagai situs web atau Gunakan kembali elemen di beberapa desain.
- Di beranda Canva, pilih AI Canva.
- Di kotak Perintah, jelaskan elemen Kode interaktif yang ingin Anda buat. Pelajari lebih lanjut tentang perintah AI di sini.
- Pilih </> Kode.
- Tekan enter di keyboard atau klik tombol kirim. AI Canva menyiapkan desain Anda berdasarkan perintah Anda.
- Setelah membuat desain kode, pilih Gunakan dalam desain.
- Di bagian Tambahkan sebagai elemen ke, pilih doctype untuk menambahkannya sebagai elemen Kode interaktif.
- Untuk menyempurnakan desain yang dibuat Kode Canva, minta penyempurnaan Anda di kotak obrolan di panel samping.
Catatan: Anda dapat mengakses versi desain dari utas obrolan dengan AI Canva.
Edit desain dan elemen interaktif buatan Canva Code
Menyempurnakan desain yang dihasilkan Kode Canva menggunakan alat di editor. Periksa Edit desain dan elemen interaktif buatan Canva Code untuk mempelajari selengkapnya.
Pratinjau dan publikasikan desain Anda
Pilih Pratinjau untuk berinteraksi dengan desain Anda. Jika sudah cocok, Anda bisa memublikasikannya sebagai situs web. Pelajari cara memublikasikan dan mengelola situs web Canva Code.
Catatan: Interaktivitas berfungsi saat desain dilihat di Canva atau dipublikasikan sebagai situs web.
Akses, salin, dan kelola versi Kode Canva
Setiap kali Anda memperbarui desain Kode Canva melalui perintah, Canva secara otomatis menyimpan versi baru dalam utas obrolan yang sama. Ini memungkinkan Anda untuk mengunjungi kembali iterasi sebelumnya, melanjutkan pengeditan dari versi sebelumnya, atau menyalin kode yang dihasilkan untuk penggunaan eksternal.
Lihat riwayat versi Anda
- Dari beranda Canva, buka Canva AI.
- Di bawah bilah Perintah, pilih </> Kode untuk melihat obrolan Kode Canva Anda di bilah sisi.
- Catatan: Anda dapat mengidentifikasi obrolan Kode Canva dengan </> ikon di sebelahnya.
- Buka utas obrolan Kode Canva.
- Di bilah sisi, jelajahi versi yang tersedia (misalnya: Versi 1, Versi 2, dan lainnya).
Catatan: Melanjutkan perintah dalam obrolan yang sama akan otomatis membuat versi baru.
Gunakan versi sebelumnya
- Buka utas obrolan Kode Canva.
- Pilih versi yang ingin digunakan.
- Pilih Gunakan dalam desain untuk melanjutkan pengeditan versi tersebut di Canva.
Melihat dan menyalin kode
Anda dapat melihat kode dasar yang dibuat oleh Kode Canva dan menyalinnya untuk digunakan kembali di luar Canva.
- Di utas Canva Code Anda, aktifkan Show code toggle.
- Pilih Salin kode untuk menyimpannya ke papan klip Anda.
Pembatasan Program Canva
- Kode Canva mendukung semua bahasa yang tersedia di Canva, kecuali untuk pengguna di canva.cn.
- Kode Canva hanya akan mengambil instruksi dari deskripsi yang Anda masukkan atau gunakan. Semakin banyak konteks dan instruksi yang Anda berikan, semakin baik hasilnya.
- Kode dapat disalin dan digunakan kembali secara eksternal, tetapi tidak dapat diekspor sebagai file atau diedit langsung di dalam Canva.
Apakah saya dapat menggunakan kembali kode di luar Canva?
Ya. Setelah disalin, kode dapat digunakan dalam proyek Anda sendiri. Meskipun dibuat untuk Canva, Anda dapat mengadaptasinya untuk alat eksternal atau alur kerja.
Apakah saya dapat menggunakan kreasi saya dari Canva Code untuk penggunaan komersial?
Dalam hal Anda dan Canva, sejauh diizinkan oleh hukum, Anda memiliki hak milik atas Input dan Output ke fitur AI kami (termasuk Program Canva, dan Program Canva yang dibuat), dan Canva tidak akan membuat klaim hak cipta atas Input atau Output Anda (termasuk Program Canva yang dibuat). Untuk membaca detail dan ketentuan selengkapnya, lihat Ketentuan Produk AI kami.
Siapa saja yang dapat melihat apa saja yang saya buat dengan Canva Code?
Hanya Anda yang dapat melihat percakapan Anda dengan Program Canva. Saat Anda mengklik Gunakan dalam desain, desain baru dengan versi tersebut akan dibuat. Anda dapat membagikan desain (termasuk Program Canva) menggunakan tombol Bagikan.
Jika Anda memublikasikan desain ke situs web, kontrol akses akan ditentukan oleh pengaturan yang dikonfigurasi selama alur publikasi situs web.
Bisakah saya mengelola akses tim saya ke Kode Canva?
Jika Anda merupakan admin, guru, atau desainer merek, Anda bisa memilih orang yang dapat mengakses Program Canva di tim atau kelas Anda.
Tidak dapat menemukan Kode Canva di beranda? Ketahui lebih lanjut tentang pembatasan akses Kode Canva.
Mengapa tidak ada perubahan baris kode?
Canva Code sekarang menggunakan pengeditan berbasis diff, yang berarti hanya baris kode yang diperlukan yang diperbarui alih - alih meregenerasi seluruh blok. Hal ini menghasilkan umpan balik yang lebih cepat saat Anda membuat perubahan kecil pada logika desain.
Jika Anda tidak melihat baris kode berubah setelah mengirim prompt, itu berarti Canva bekerja di latar belakang untuk hanya menerapkan perubahan yang diperlukan. Harap tunggu hingga Canva Code selesai membuat versi lain.
Sesuaikah artikel bantuan ini?
Membantu
Tidak membantu