Ikhtisar Fitur Kimi Websites

Apa Itu Kimi Websites

Kimi Websites adalah produk pembuatan situs web full-stack dari Kimi Agent, didukung oleh Kimi K3, model AI multimodal visual agentic. Kemampuan utamanya adalah pemrograman visual (Vibe Coding): Anda dapat membuat situs web full-stack lengkap dari bahasa alami, mockup desain, atau rekaman layar, lalu mempratinjaunya secara online dan menerbitkannya dengan sekali klik.

Situs web yang dibuat oleh Kimi Websites dapat mencakup:

  • Frontend: struktur halaman HTML, layout dan gaya CSS, serta logika interaksi JavaScript (efek gerak, animasi, dll.)
  • Backend: penyimpanan database persisten, login pengguna, dan autentikasi
  • Engineering: manajemen versi otomatis, pratinjau full-stack, dan deployment publik

Fitur Produk

FiturDeskripsi
Pembuatan situs lewat percakapanJelaskan kebutuhan Anda dalam bahasa alami, dan AI otomatis membuat situs web full-stack
Pemahaman gambar/videoUnggah mockup desain, tangkapan layar, atau rekaman layar, lalu AI otomatis mengurainya dan membuat halaman
Penyimpanan persistenOtomatis membangun database backend, dengan pembacaan, penulisan, dan pengelolaan data yang persisten
Manajemen databaseMenyediakan panel database visual untuk operasi data dasar seperti melihat, mengedit, dan menghapus
Login penggunaMendukung login akun Kimi, dan juga dapat membangun sistem login nama pengguna/kata sandi melalui database
Manajemen versiAI otomatis membuat commit versi (git commit) dan mendukung rollback ke versi historis mana pun
Pratinjau full-stackMendukung pratinjau frontend dan backend lengkap; beberapa skenario mengharuskan Anda memulai lingkungan sandbox secara manual
Pengeditan multi-giliranMendukung perubahan iteratif melalui percakapan multi-giliran dan memungkinkan Anda membandingkan berbagai versi
Pengeditan visualBeri anotasi pada elemen di halaman pratinjau dengan melingkari atau menandainya, lalu kirim semua saran ke Kimi sekaligus
Penerbitan dan deploymentSetelah Anda mengeklik "Publish" secara manual, situs akan di-deploy ke internet publik; sebelum diterbitkan, situs hanya dapat dipratinjau. Deployment full-stack didukung
Custom URLSesuaikan subdomain situs, seperti abc pada abc.ok.kimi.link
Berbagi dan kontrol aksesDapatkan tautan berbagi publik dengan sekali klik, atau atur situs menjadi privat/hanya terlihat oleh Anda
Pemilihan templateMenyediakan beberapa template preset agar Anda bisa mulai membangun dengan cepat
Ekspor kodeMendukung pengunduhan paket proyek lengkap (termasuk frontend dan backend) untuk deployment yang dikelola sendiri

Cara Menggunakan

Metode 1: Akses di Web

Kunjungi halaman khusus Kimi Websites

Beranda Kimi Websites
  1. Buka browser: Gunakan browser populer seperti Chrome, Safari, Edge, atau Firefox.
  2. Buka alamat akses resmi: halaman khusus Kimi Websites: https://www.kimi.com/zh/websites (mendukung antarmuka bahasa Mandarin dan Inggris)
  3. Masuk ke akun Anda: Masuk dengan akun Kimi (pendaftaran dengan nomor ponsel atau email didukung)
  4. Masukkan tugas pembuatan situs web Anda. Kimi Websites menyediakan tiga cara utama untuk membuat situs web:
    1. Input teks: Masukkan tugas di kotak dialog dan jelaskan situs web yang Anda inginkan dalam bahasa alami;
    2. remix gambar/situs web: Unggah mockup desain atau tangkapan layar situs web yang Anda sukai untuk memicu fitur terkait;
    3. Pembuatan situs berbasis template: Buat situs web standar dengan cepat dengan memilih template preset dan mengedit kontennya;
  5. Mulai membangun: Masuk ke antarmuka fitur Websites, pilih template, atau buat langsung melalui percakapan.
tangkapan layar 27

Metode 2: Akses dari Aplikasi Seluler

Pilih alat situs web khusus di App seluler

Antarmuka pembuat situs web

App resmi tersedia untuk iOS, Android, dan HarmonyOS (nama app: "Kimi"). Di atas kotak input, ketuk toolbar (Taskbar) → beralih ke mode Websites. Di dalamnya terdapat alat generasi multimodal dan kemampuan Agent, sehingga Anda dapat memberikan input visual dan menghasilkan kode frontend.

Metode 3: Mode Agent Umum

Dalam mode Agent umum, masukkan kebutuhan pembuatan situs web Anda

Di situs web resmi atau perangkat seluler, pilih model K3 dan masukkan instruksi tugas terkait pembuatan situs web. Kimi akan memanggil kemampuan pemrograman visual dan alat eksekusi kode.

Langkah-langkah

Membuat Situs Web Lewat Percakapan

Jelaskan kebutuhan Anda dalam bahasa alami di kotak input, lalu Kimi akan memahami dan menjalankannya. Tiga metode pembuatan didukung:

MetodeDeskripsi
Deskripsi teksMasukkan kebutuhan situs web secara langsung, dan AI otomatis membuat situsnya
Penguraian mockup desainUnggah mockup desain, lalu AI mengenali dan membuat ulangnya sebagai halaman web
Buat situs standar dengan cepatPilih template preset dan edit kontennya

Contoh Praktis

Text
Contoh situs web

Ikhtisar Alur Kerja Pembuatan Situs Web

Text

Kimi Websites mengaktifkan SKILL pembuatan webapp, agent generasi kode multi-giliran yang dikhususkan untuk konstruksi situs web. Ia menjalankan alur kerja berikut secara mandiri:

  1. Penguraian kebutuhan: Otomatis menganalisis modul fitur situs web, gaya visual, dan logika interaksi
  2. Perencanaan tugas: Memecah pekerjaan menjadi subtugas seperti desain, pengembangan, dan persiapan aset
  3. Solusi teknis: Otomatis memilih arsitektur teknis yang sesuai (seperti React + Tailwind CSS)
  4. Pembuatan aset: Menghasilkan aset visual seperti gambar dan ikon sesuai kebutuhan
  5. Konstruksi kode: Menulis struktur halaman, gaya, dan kode interaksi
  6. Optimasi multi-giliran: Menyesuaikan secara mandiri berdasarkan pratinjau hingga situs web selesai
tangkapan layar 26

Pratinjau dan Penyesuaian

  • Pratinjau real-time: Menghasilkan URL demo HTML yang dapat langsung Anda buka di browser
  • Pengeditan lewat percakapan: Lanjutkan percakapan untuk meminta perubahan, misalnya "ubah bilah navigasi menjadi bergaya gelap"

Contoh Nyata

Text
web case2

Antarmuka Panel Pratinjau

Setelah situs web dibuat, panel pratinjau terbuka di sisi kanan, dan kartu versi juga muncul dalam percakapan. Entri operasi utamanya adalah sebagai berikut:

Toolbar atas panel pratinjau (dari kiri ke kanan):

TombolFungsi
Preview / CodeBeralih antara pratinjau visual dan tampilan kode sumber/pohon file
EditMasuk ke mode edit; klik area yang ingin Anda ubah, tambahkan catatan anotasi, lalu kirim ke Kimi
PublishSaat belum diterbitkan, klik "Publish" untuk menjadikan situs web publik
ShareSetelah diterbitkan, gunakan kartu berbagi untuk menyalin tautan, menyesuaikan subdomain, membuka situs web, klik "…" untuk membatalkan publikasi, atau klik "Update" saat versi baru tersedia
Pratinjau layar penuhLihat situs web dalam layar penuh
Alihkan mode pratinjauBeralih antara tampilan desktop dan seluler
RefreshMuat ulang pratinjau
Masukan penggunaKirim masalah yang ditemui saat penggunaan; Anda dapat memasukkan teks dan mengunggah tangkapan layar
TutupCiutkan panel pratinjau

Kartu versi dalam percakapan: Menampilkan nama situs, nomor versi (seperti V2), dan URL. Klik Preview untuk membuka versi terkait; klik Restore untuk rollback ke versi tersebut. Kartu All Files memungkinkan Anda melihat atau mengunduh file proyek lengkap. Untuk penggunaan detail tiap tombol, lihat bagian terkait di bawah.

Pengeditan Visual

Antarmuka pengeditan visual
  • Optimasi multi-giliran: Sempurnakan detail situs web melalui percakapan berkelanjutan
  • Cara mengedit:
    • Mode anotasi: Klik bagian halaman web yang ingin Anda ubah dan tambahkan komentar dalam bahasa alami
    • Mode seleksi: Pilih elemen apa pun di halaman web dan tambahkan komentar
    • Gunakan persegi panjang, panah, kuas, penggantian warna, dan alat seleksi serta pengeditan lainnya untuk menambahkan saran perubahan
  • Setelah menambahkan anotasi di beberapa tempat, tambahkan semuanya ke percakapan dan kirim seluruh saran ke Kimi sekaligus

Deployment dan Penerbitan Kode

Metode deploymentDeskripsi
Publikasi sekali klikKlik tombol "Publish" untuk men-deploy situs ke internet publik dan menghasilkan tautan online yang dapat diakses (hanya pratinjau sebelum diterbitkan)
Unduh dan deployUnduh paket kode dan deploy ke server Anda sendiri
Custom URLUbah URL acak bawaan menjadi nama yang mudah diingat, misalnya menyesuaikan abc pada abc.ok.kimi.link

Tentang "Custom URL": 3–30 karakter, hanya huruf kecil, angka, dan tanda hubung. Tidak boleh diawali atau diakhiri dengan tanda hubung, dan tidak boleh seluruhnya angka. Beberapa kata cadangan (seperti kimi, www, login, dll.) tidak tersedia. Jika sudah dipakai atau tidak tersedia, pilih nama lain.

Tentang batasan "Unduh dan deploy": Login akun Kimi dan database cloud yang dikelola platform disediakan oleh platform Kimi dan tidak akan ikut bermigrasi bersama kode yang diekspor. Jika Anda men-deploy kode ke server sendiri, metode login harus diubah menjadi skema nama pengguna/kata sandi berbasis database Anda sendiri, dan data juga harus dimigrasikan ke database Anda sendiri. Untuk akses publik saja, kami menyarankan langsung menggunakan Publikasi sekali klik, dan login akun Kimi serta data cloud akan tetap berfungsi normal. Lihat Mengapa situs web yang saya buat tidak berfungsi? untuk detail.

Pratinjau per Versi

Setelah pembuatan selesai, Anda akan masuk ke halaman pratinjau. Di antarmuka pratinjau, Anda dapat mengeklik berbagai versi deployment dan mengunduh file untuk versi yang berbeda.

Pratinjau versi

Publikasikan, Bagikan, dan Batalkan Publikasi

Sebelum diterbitkan, situs web hanya dapat dipratinjau dalam percakapan. Agar orang lain dapat mengaksesnya, klik Share di sudut kanan atas panel pratinjau untuk membuka panel publikasi:

  1. Custom URL: Anda dapat mengubah nama dalam URL default, misalnya mengubahnya menjadi yourname.ok.kimi.link;
  2. Klik Copy Link untuk mendapatkan URL publik, atau klik Open Website untuk melihatnya di tab baru. Setelah diterbitkan, bagian atas panel menampilkan Published, dan siapa pun yang memiliki tautan dapat mengaksesnya;
  3. Untuk menonaktifkan situs, pilih Unpublish dari menu di sudut kanan atas panel. Situs tidak lagi dapat diakses publik (kode dan data tetap disimpan, dan Anda dapat menerbitkannya ulang kapan saja).

Pengeditan Multi-Giliran

Jika Anda belum puas dengan bagian tertentu, klik tombol edit di jendela pratinjau untuk terus menyempurnakannya. Anda juga dapat mengirim instruksi kepada Kimi dalam bahasa alami dan melanjutkan pengeditan dengan Agent. Setelah hasilnya sesuai, unduh kode HTML/CSS/JS lengkap dan deploy langsung, atau lanjutkan penyempurnaan di editor.

web case1

Cocok untuk Siapa

  • Developer: Merancang prototipe produk dan demo frontend, sehingga sangat mengurangi waktu yang diperlukan untuk membangun dari nol.
  • Wirausahawan: Membangun situs web resmi, landing page, dan halaman showcase produk dengan cepat saat sumber daya terbatas.
  • Manajer produk: Mengubah PRD atau mockup desain menjadi prototipe interaktif yang dapat didemonstrasikan dengan cepat, tanpa menunggu jadwal pengembangan.
  • Pengguna nonteknis: Tidak diperlukan pengetahuan coding. Jelaskan ide Anda atau unggah gambar referensi, lalu ubah konsep menjadi halaman web yang dapat dijalankan.

Contoh Prompt

Anda dapat merujuk pada skenario dan prompt berikut untuk menghasilkan konten

SkenarioContoh prompt
Buat landing page dari nolBantu saya membuat landing page pemasaran untuk produk SaaS dengan gaya bernuansa teknologi, mencakup hero section, pengenalan fitur, harga, dan CTA
Buat ulang situs web dari video[Unggah rekaman layar] Buat ulang situs web yang ditampilkan dalam video dan pertahankan interaksi aslinya
Buat ulang dari tangkapan layar[Unggah mockup desain] Implementasikan desain ini sebagai kode halaman web yang dapat dijalankan
Portofolio pribadiBantu saya membuat situs web portofolio pribadi untuk fotografer, dengan gaya hitam-putih minimalis dan dukungan layout gambar masonry
Halaman visualisasi dataBuat halaman web visualisasi yang menampilkan data pendanaan perusahaan AI pada 2025, termasuk grafik dan filter
Situs web brandBantu saya membuat situs web resmi untuk brand kopi, menggunakan palet warna Morandi, dengan beranda, halaman produk, dan halaman toko
Utilitas/kalkulatorBuat halaman web kalkulator BMI dengan antarmuka yang bersih, pengalihan satuan, dan tips tingkat kesehatan

Apakah artikel ini membantu?