Editor Kode
Tulis kode draw() dengan bantuan g, lalu tekan Jalankan. Kode tersimpan otomatis di browser ini.
Tab menambah 2 spasi. Ctrl/⌘+Enter menjalankan kode.
Bantuan API — apa saja yang bisa dipakai di dalam draw()
g.rect(x, y, lebar, tinggi, { fill, stroke, sw })— persegig.circle(cx, cy, r, { fill, stroke, sw })— lingkarang.ellipse(cx, cy, rx, ry, { fill, stroke, sw })— elipsg.polygon([[x,y], …], { fill, stroke, sw })— poligon tertutupg.polyline([[x,y], …], { stroke, sw })— garis patah-patahg.line(x1, y1, x2, y2, { stroke, sw })— garis lurusg.path("M … L … Z", { fill, stroke, sw })— path SVG (M, L, H, V, C, c, Z)g.text(x, y, "teks", { size, fill })— teksg.background("#hex")— warna latar kanvas (kosongkan untuk transparan)g.W,g.H— lebar dan tinggi kanvas saat inig.random()— angka 0–1 dari benih tetap, jadi hasilnya bisa diulangg.seed(n)— ganti benih acakg.pal— palet 6 warna bawaan:g.pal[0]sampaig.pal[5]
Warna diisi format hex, misal '#F97316'. sw adalah ketebalan garis. Opacity (0–1) bisa ditambah di opsi, tapi tidak ikut ke file EPS.
Pratinjau cepat
Belum ada gambar.
Tekan Jalankan untuk merender kode di atas.
Kanvas & Latar
Ukuran artboard dan warna latar. Perubahan diterapkan saat kode dijalankan ulang.
Ukuran sendiri: 100–6000 px per sisi.
Pratinjau & Ekspor
Belum ada gambar.
Buka tab Editor, lalu tekan Jalankan.
Ekspor satu file
SVG dan EPS diekspor dalam ukuran artboard penuh. JPG/PNG diraster pada ukuran artboard. EPS memakai warna datar saja: opacity dan teks berjangkar tengah tidak ikut — periksa hasilnya di Pemeriksa sebelum dijual.
Pemeriksa Adobe Stock
Daftar ini dihitung dari gambar yang sedang dirender — bukan daftar statis. Jalankan ulang kode untuk memperbarui.
Pangkas mengubah ukuran kanvas mengikuti kotak pembatas isi gambar (minimal 100 × 100 px), lalu menjalankan ulang kode.
Pembuat Prompt
Segera hadir di potongan berikutnya: susun brief desain dari template (subjek, gaya, palet, format), salin, lalu tempel kembali sebagai kode.
Batch Generator
Segera hadir di potongan berikutnya: hasilkan 1–5000 varian dari kode editor dengan benih acak, lalu unduh sebagai ZIP.
Trace — Foto jadi Vektor
Segera hadir di potongan berikutnya: unggah foto, atur ambang batas dan jumlah warna, lalu gambar ulang sebagai vektor.
Video dari SVG
Segera hadir di potongan berikutnya: ubah SVG menjadi video MP4 dengan durasi, aspek, dan gerakan zoom.
AI — Chat Gemini
Segera hadir di potongan berikutnya: hasilkan kode vektor lewat Gemini dengan kunci API milikmu sendiri, tersimpan di browser ini.