<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Anima Blog</title>
	<atom:link href="https://animaapp.com/blog/id/feed/index.xml" rel="self" type="application/rss+xml" />
	<link>https://animaapp.com/blog/id/</link>
	<description></description>
	<lastBuildDate>Thu, 01 Oct 2026 00:08:14 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.6</generator>

<image>
	<url>https://animaapp.com/blog/wp-content/uploads/2026/04/cropped-anima-logo-favicon-32x32.png</url>
	<title>Anima Blog</title>
	<link>https://animaapp.com/blog/id/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Dots: Panduan praktis OpenAI Dots</title>
		<link>https://animaapp.com/blog/id/agentic-id/openai-dots-id/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Wed, 30 Sep 2026 22:45:45 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=17074</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span>OpenAI Dots terus bekerja di antara percakapan di komputer cloud-nya sendiri. Panduan praktis ini mencakup pengaturan, kontrol desktop, izin, kolaborasi dokumen, dan perbandingan dengan Grok Bot, Muse AI, dan Hermes.</p>
<p>The post <a href="https://animaapp.com/blog/id/agentic-id/openai-dots-id/">Dots: Panduan praktis OpenAI Dots</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<h2>Pendahuluan</h2>
<p><a href="https://openai.com/index/introducing-dots/">OpenAI memperkenalkan Dots</a> pada tanggal 29 September 2026. Berbeda dengan percakapan ChatGPT biasa yang menunggu perintah berikutnya, OpenAI Dot adalah agen yang selalu aktif yang dapat terus berupaya mencapai tujuan di sela-sela percakapan.</p>
<p>Dots mirip dengan <a href="https://www.animaapp.com/blog/agentic/grokbot-how-to-publish-a-website/">Grok Bot</a>, Muse AI Meta, dan <a href="https://www.animaapp.com/blog/agentic/ai-teammates/">Hermes</a> dalam satu hal penting: mereka termasuk dalam kategori baru agen persisten. Produk-produk ini tidak identik, namun memiliki pola dasar yang sama. Agen menjaga konteks, dapat bekerja saat Anda offline, menjelajahi web dari lingkungan komputer, dan kembali dengan kemajuan, pertanyaan, atau pekerjaan yang telah selesai.</p>
<p>Setiap Dot memiliki komputer cloud dan browsernya sendiri. Anda dapat melihatnya berfungsi, mengambil kendali saat diperlukan, dan masuk ke layanan seperti Google Analytics, Meta Ads, Google Analytics0ZX, atau alat lain yang Anda ingin gunakan. Hal ini menjadikan Dot lebih seperti rekan satu tim digital dibandingkan thread obrolan tunggal.</p>
<p>Untuk dokumen, laporan, situs web, dan aplikasi kecil bersama, sambungkan Dot atau ChatGPT Anda ke <a href="https://www.animaapp.com/an?url=https%3A%2F%2Fchatgpt.com%2Fplugins%2Fplugin_asdk_app_6a747c2caadc8191acf784bd04153268%3Futm_source%3Danima&amp;utm_content=openai-dots&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">GPT app milik AgentGrid.io</a>. Ini memberi tim Anda dan agennya satu artefak langsung, bukan salinan terpisah yang tersebar di seluruh obrolan.</p>
<div style="text-align: center; margin: 18px 0 26px;"><a href="https://www.animaapp.com/an?url=https%3A%2F%2Fchatgpt.com%2Fplugins%2Fplugin_asdk_app_6a747c2caadc8191acf784bd04153268%3Futm_source%3Danima&amp;utm_content=openai-dots&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display: inline-block; padding: 12px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 600; line-height: 1.2; text-decoration: none; box-shadow: none!important;">Berkolaborasi pada dokumen dengan Dot Anda →</a></div>
<h2>Memulai dengan Dots</h2>
<p>Kunjungi <a href="https://chatgpt.com/dots">chatgpt.com/dots</a> dari browser desktop, atau buka Dots di aplikasi desktop ChatGPT. OpenAI meluncurkan akses secara bertahap, sehingga opsi pengaturan mungkin tidak langsung muncul meskipun paket Anda memenuhi syarat.</p>
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" alt="OpenAI Dot baru bernama Anima Marketing memperkenalkan dirinya di ChatGPT dan mengundang pengguna untuk menyesuaikannya." class="wp-image-17048" height="781" src="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started.jpg" width="1840" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started-300x127.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started-1024x435.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started-768x326.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-getting-started-1536x652.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /><figcaption>Beri nama pada Dot Anda, lalu mulailah mengajarkannya apa yang penting bagi Anda.</figcaption></figure>
<p>Selama penyiapan, beri nama dan tanggung jawab yang jelas pada Dot Anda. Penjelasan pertama yang berguna harus menjelaskan:</p>
<ul>
<li><strong>Apa yang dimilikinya:</strong> tujuan berulang atau bidang pekerjaan.</li>
<li><strong>Di mana ia harus belajar:</strong> situs web Anda, dokumentasi produk, panduan merek, catatan proyek, dan sumber lain yang disetujui.</li>
<li><strong>Seperti apa tampilannya yang bagus:</strong> contoh, format pilihan, nada, prioritas, dan standar kualitas.</li>
<li><strong>Kapan harus bertanya:</strong> keputusan yang memerlukan persetujuan, terutama penerbitan, pengiriman, penghapusan, pembelian, atau perubahan data akun.</li>
<li><strong>Seberapa sering perusahaan harus melaporkan:</strong> segera, harian, mingguan, atau hanya ketika ada perubahan penting.</li>
</ul>
<p>Mulailah dengan meminta Dot untuk membaca situs web dan dokumentasi perusahaan Anda, merangkum apa yang dipelajari, dan membuat daftar apa pun yang tidak jelas. Perbaiki ringkasan sebelum memberikan tugas yang lebih besar. Koreksi tersebut membantu Dot mempelajari preferensi Anda dan mengurangi penjelasan berulang di kemudian hari.</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeef2; color: #242424; font-family: Mulish,sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Perintah pembuka untuk Dot Anda<button aria-label="Salin perintah awal" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish,sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Salin</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Learn how our company works before taking action.

Read these sources:
- Company website: [URL]
- Product documentation: [URL]
- Brand or editorial guide: [URL]
- Current project: [URL]

Summarize our product, audience, priorities, tone, and active projects. List any contradictions or missing context. Do not publish, send messages, change files, or access additional accounts without asking first.</code></pre>
</div>
<h2>Dots memiliki desktopnya sendiri</h2>
<p>Dot tidak hanya menghasilkan teks dalam obrolan. Ia memiliki komputer cloud yang dilindungi dengan Linux, Chrome, file, dan alat. Itu dapat menjelajahi situs web, mengumpulkan informasi, membuat file, dan menyelesaikan pekerjaan multi-langkah tanpa menggunakan laptop Anda.</p>
<p>Untuk memeriksanya, buka profil Dot Anda dari area kanan atas percakapan dan pilih komputernya. Anda dapat melihat browser dan desktop yang digunakannya. Jika Dot mencapai halaman login atau memerlukan penilaian manusia, pilih <strong>Ambil alih</strong>, selesaikan langkahnya, lalu pilih <strong>Kontrol pengembalian</strong>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="OpenAI Dot menggunakan komputer cloud miliknya sendiri untuk menelusuri Google Analytics sementara pengguna dapat mengambil kendali." class="wp-image-17049" height="1025" src="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer.jpg" width="1840" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer-300x167.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer-1024x570.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer-768x428.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-cloud-computer-1536x856.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /><figcaption>Dot menjelajahi Google Analytics dari komputer cloud-nya, dengan opsi bagi pengguna untuk mengambil kendali.</figcaption></figure>
<p>Ini berguna bila Anda ingin Dot bekerja dengan layanan berbasis browser seperti Google Analytics, Meta Ads, dasbor, alat penelitian, atau sistem internal. Jika didukung, proses masuk yang aman dan alur kata sandi tersimpan akan menjaga kata sandi di luar konteks percakapan model.</p>
<p>Namun, akses komputer juga berarti Dot dapat mengambil tindakan, tidak hanya menyarankannya. Agen dapat salah memahami permintaan, menggunakan akun yang salah, mengedit file yang salah, atau melakukan lebih dari yang Anda harapkan. Perlakukan aksesnya seperti akses yang Anda berikan kepada rekan satu tim:</p>
<ul>
<li>Hubungkan hanya akun yang diperlukan untuk tugas tersebut.</li>
<li>Mulailah dengan akses hanya baca jika memungkinkan.</li>
<li>Gunakan Aturan Kustom untuk meminta persetujuan sebelum menerbitkan, mengirim, membeli, menghapus, atau mengubah data penting.</li>
<li>Tinjau aktivitas dan keluaran sebelum mengandalkan pekerjaan konsekuensial.</li>
<li>Gunakan <strong>Jeda</strong> untuk menghentikan tugas utama. Tinjauan <strong>Aktivitas</strong> untuk pekerjaan yang didelegasikan dan <strong>Dijadwalkan</strong> untuk tugas berulang yang mungkin perlu dihentikan secara terpisah.</li>
</ul>
<p>OpenAI&#8217;s <a href="https://openai.com/index/how-we-build-safety-security-and-privacy-into-dots/">Panduan keselamatan Dots</a> menjelaskan bahwa penelitian latar belakang proaktif menggunakan alat hanya baca. Tindakan tindak lanjut masih melalui izin, Aturan Kustom, persetujuan, dan peninjauan tindakan otomatis. Beberapa tindakan sensitif, seperti mengubah kata sandi, harus tetap menjadi tanggung jawab Anda.</p>
<h2>Berkolaborasi pada dokumen dengan Dot Anda</h2>
<p>Obrolan berguna untuk memberikan instruksi, namun ini bukan ruang kerja bersama yang baik untuk dokumen yang perlu diedit oleh beberapa orang dan agen seiring waktu.</p>
<p>Di dalam ekosistem OpenAI, ChatGPT Space dan Pages memungkinkan orang berkolaborasi dengan ChatGPT dan Dots dalam pekerjaan bersama. <a href="https://www.animaapp.com/blog/agentic/shared-drive-for-ai-agents-and-humans/">AgentGrid.io memberikan pekerjaan agen sebuah rumah berversi bersama</a> ketika dokumen yang sama juga perlu dipindahkan ke ChatGPT, Grok Bot, Hermes, Claude, Codex, dan agen lainnya tanpa membuat salinan baru untuk setiap sistem.</p>
<p>Dots menggunakan ekosistem plugin ChatGPT, sehingga Anda dapat menginstal <a href="https://www.animaapp.com/an?url=https%3A%2F%2Fchatgpt.com%2Fplugins%2Fplugin_asdk_app_6a747c2caadc8191acf784bd04153268%3Futm_source%3Danima&amp;utm_content=openai-dots&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid.io GPT app</a>. Setelah diotorisasi, Dot Anda dapat membuat atau memperbarui artefak AgentGrid.io dan mengembalikan tautannya.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="OpenAI Dot membuat dan membagikan dokumen AgentGrid.io langsung untuk kolaborasi tim dan agen." class="wp-image-17050" height="1030" src="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration.jpg" width="1840" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration-300x168.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration-1024x573.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration-768x430.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/09/openai-dots-agentgrid-collaboration-1536x860.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /><figcaption>Dot membuat dokumen di AgentGrid.io dan membagikan satu tautan langsung dengan tim.</figcaption></figure>
<p>Artefak dapat berupa artikel pemasaran, laporan riset pasar, analisis berulang, situs web, presentasi, atau aplikasi kecil. Dot Anda, percakapan ChatGPT reguler, agen lain, dan rekan tim manusia dapat mengerjakan artefak yang sama alih-alih membuat salinan yang tidak terhubung.</p>
<p>Itu memberi pekerjaan:</p>
<ul>
<li><strong>Satu URL langsung:</strong> semua orang membuka versi saat ini.</li>
<li><strong>Riwayat versi:</strong> setiap perubahan terlihat dan versi sebelumnya dapat dipulihkan.</li>
<li><strong>Atribusi agen dan manusia:</strong> Anda dapat melihat siapa yang mengubah apa.</li>
<li><strong>Akses terkontrol:</strong> mengundang orang-orang dan agen yang harus membaca atau mengedit.</li>
<li><strong>Kontinuitas:</strong> agen lain dapat melanjutkan pekerjaan yang sama tanpa menyalin seluruh percakapan.</li>
</ul>
<p>Setelah menginstal aplikasi AgentGrid.io, coba permintaan langsung:</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeef2; color: #242424; font-family: Mulish,sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Perintah AgentGrid.io<button aria-label="Salin perintah AgentGrid" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish,sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Salin</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Using the AgentGrid.io app, create a document for [project]. Add the current draft, research notes, open questions, and next steps. Share the artifact link with me. Keep updating this same artifact instead of creating new copies, and ask before publishing anything.</code></pre>
</div>
<div style="text-align: center; margin: 18px 0 26px;"><a href="https://www.animaapp.com/an?url=https%3A%2F%2Fchatgpt.com%2Fplugins%2Fplugin_asdk_app_6a747c2caadc8191acf784bd04153268%3Futm_source%3Danima&amp;utm_content=openai-dots&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display: inline-block; padding: 12px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 600; line-height: 1.2; text-decoration: none; box-shadow: none!important;">Berkolaborasi pada dokumen dengan Dot Anda →</a></div>
<h2>Apa yang dapat dilakukan OpenAI Dots saat Anda offline?</h2>
<p>Karena komputer utama berjalan di cloud, Dot dapat melanjutkan pekerjaan yang disetujui setelah Anda menutup ChatGPT atau offline. Itu juga dapat menjalankan pemeriksaan terjadwal dan mengembalikan pembaruan ke dalam percakapan.</p>
<p>Tugas latar belakang yang baik bersifat berkelanjutan, terbatas, dan mudah ditinjau. Misalnya:</p>
<ul>
<li>Pantau berita produk dan siapkan ringkasan harian dengan tautan.</li>
<li>Tinjau data situs web atau kampanye dan tandai perubahan yang tidak biasa.</li>
<li>Lacak proyek dan siapkan laporan status mingguan.</li>
<li>Ubah transkrip wawancara baru menjadi draf artikel dan postingan sosial.</li>
<li>Kumpulkan riset pasar dan perbarui laporan yang sama saat bukti baru muncul.</li>
<li>Pertahankan dokumen atau aplikasi kecil sambil menyiapkan perubahan untuk ditinjau.</li>
</ul>
<p>Hindari memberikan Dot baru instruksi luas seperti “jalankan pemasaran kami.” Berikan satu tanggung jawab yang jelas, sumber yang diketahui, format keluaran, dan batasan eksplisit. Perluas aksesnya hanya setelah ia menunjukkan pekerjaan yang dapat diandalkan pada tugas-tugas yang lebih kecil.</p>
<h2>Hubungkan aplikasi dan atur izin</h2>
<p>Dots menggunakan aplikasi dan plugin yang terhubung melalui ChatGPT. Buka profil Dot Anda dan tinjau penyesuaian dan pengaturan pluginnya. Setujui hanya integrasi dan tim yang harus dijangkau Dot.</p>
<p>Aturan Kustom memungkinkan Anda memutuskan bagaimana Dot menangani tindakan tertentu. Bergantung pada tindakannya, Anda dapat membiarkannya dilanjutkan, mengizinkannya hanya jika telah disetujui sebelumnya di perintah Anda, mengharuskannya untuk bertanya terlebih dahulu, atau mengembalikan langkah tersebut kepada Anda.</p>
<p>Pengaturan praktis untuk pekerjaan pemasaran dapat berupa:</p>
<ul>
<li>Baca analisis dan data kampanye tanpa bertanya.</li>
<li>Draf laporan dan artikel tanpa diminta.</li>
<li>Tanyakan sebelum mengedit dokumen akhir yang dibagikan.</li>
<li>Tanyakan sebelum mengirim email atau menerbitkan konten.</li>
<li>Jangan pernah mengubah anggaran, detail penagihan, kata sandi, atau izin akun.</li>
</ul>
<p>Memutuskan sambungan aplikasi akan menghentikan akses di masa mendatang melalui sambungan tersebut, namun tidak secara otomatis menghapus informasi yang telah dipelajari Dot. Tinjau memori OpenAI saat ini dan setel ulang kontrol sebelum menghubungkan sumber sensitif.</p>
<h2>Bagaimana OpenAI Dots dibandingkan dengan Grok Bot, Muse AI, dan Hermes</h2>
<p>Keempat produk tersebut dapat mendukung pekerjaan yang sedang berlangsung, namun sesuai dengan lingkungan yang berbeda:</p>
<ul>
<li><strong>OpenAI Dots</strong> cocok untuk orang yang sudah bekerja di ChatGPT, Codex, Slack, Teams, dan ChatGPT Space. Pengalaman utamanya adalah satu agen persisten dengan komputer cloud yang dikelola OpenAI.</li>
<li><strong>Grok Bot</strong> berfokus pada bot yang dihosting, rutinitas komputer cloud, dan beberapa agen bernama dengan tanggung jawab berbeda.</li>
<li><strong>Muse AI milik Meta</strong> memiliki pengalaman asisten pribadi yang lebih berorientasi pada konsumen untuk tugas dan keperluan yang sedang berlangsung.</li>
<li><strong>Hermes</strong> adalah agen terbuka dan dapat dikonfigurasi untuk orang-orang yang menginginkan kontrol atas model, hosting, memori, keterampilan, alat, dan pekerjaan terjadwal.</li>
</ul>
<p>Pilih Dots bila Anda menginginkan alur kerja OpenAI yang paling terintegrasi. Pilih agen yang lebih dapat dikonfigurasi jika pilihan model, hosting mandiri, atau infrastruktur khusus penting. Gunakan AgentGrid.io ketika orang dan beberapa agen berbeda perlu melanjutkan dokumen atau aplikasi yang sama.</p>
<h2>Ketersediaan OpenAI Dots</h2>
<p>Saat peluncuran, OpenAI Dots diluncurkan secara bertahap kepada pengguna ChatGPT Pro dan Business Premium yang memenuhi syarat. Ruang kerja Perusahaan, Edu, dan Layanan Kesehatan dapat mencoba versi beta ketika administrator mengaktifkannya. Ketersediaan Pro tidak termasuk Wilayah Ekonomi Eropa, Swiss, dan Inggris pada saat peluncuran.</p>
<p>Anda membuat Dot pertama di web desktop atau di aplikasi desktop ChatGPT. Setelah pengaturan, akses seluler mungkin tersedia untuk perpesanan, namun Dots saat ini tidak dapat dibuat di web seluler atau seluler. Ketersediaan, batas paket, dan label antarmuka dapat berubah selama peluncuran, jadi periksa OpenAI <a href="https://help.openai.com/en/articles/20001530">panduan pengaturan Dots saat ini</a> jika opsi dalam panduan ini terlihat berbeda.</p>
<h2>Pertanyaan Umum OpenAI Dots</h2>
<div class="rocket-faq-accordion" style="margin: 18px 0 28px;">
<details open="" style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apa itu OpenAI Dots?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>OpenAI Dots adalah agen yang gigih dan selalu aktif di dalam ChatGPT. Dot memiliki komputer cloud sendiri, mengingat konteks, menggunakan aplikasi yang terhubung, dan dapat terus membuat kemajuan di antara percakapan.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apa perbedaan Dot dengan ChatGPT biasa?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>Obrolan biasa terutama merespons percakapan saat ini. Dot dapat memiliki tanggung jawab berkelanjutan, menjalankan pekerjaan terjadwal atau di latar belakang, menggunakan komputer cloud, dan kembali lagi nanti dengan kemajuan atau keputusan untuk Anda.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah OpenAI Dots berfungsi saat saya offline?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>Ya. Pekerjaan yang berjalan di komputer cloud Dot, tugas terjadwal, dan penelitian latar belakang yang disetujui dapat dilanjutkan saat ChatGPT ditutup atau Anda offline. Tugas yang memerlukan komputer lokal Anda mungkin bergantung pada perangkat tersebut dan koneksinya.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah saya menonton atau mengontrol komputer Dot saya?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>Ya. Buka profil Dot dan pilih komputernya untuk memeriksa pekerjaan saat ini. Anda dapat mengambil kendali ketika login, izin, atau keputusan manusia diperlukan.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah Dot mengedit dokumen bersama dengan agen lain?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>Ya. Dengan AgentGrid.io GPT app, Dot dapat membuat dan mengedit artefak bersama yang dapat dilanjutkan oleh rekan satu tim, ChatGPT, dan agen resmi lainnya dari URL langsung yang sama.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish,sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apakah OpenAI Dots aman digunakan dengan akun kerja?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p>Dots menyertakan izin, Aturan Kustom, opsi masuk aman, tinjauan aktivitas, dan pemeriksaan tindakan, namun mereka masih bisa membuat kesalahan. Beri mereka akses minimum yang diperlukan dan minta persetujuan manusia untuk tindakan konsekuensial.</p>
</div>
</details>
</div>
<p> rocket-bottom-agentgrid-cta:mulai </p>
<div style="text-align: center; margin: 24px 0 30px;"><a href="https://www.animaapp.com/an?url=https%3A%2F%2Fchatgpt.com%2Fplugins%2Fplugin_asdk_app_6a747c2caadc8191acf784bd04153268%3Futm_source%3Danima&amp;utm_content=openai-dots&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display: inline-block; padding: 12px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 600; line-height: 1.2; text-decoration: none; box-shadow: none!important;">Berkolaborasi pada dokumen dengan Dot Anda →</a></div>
<p> rocket-bottom-agentgrid-cta:end </article>
<p><script id="rocket-prompt-copy-handler">(()=>{if(window.__rocketPromptCopyBound)return;window.__rocketPromptCopyBound=true;document.addEventListener('click',async e=>{const b=e.target.closest('.rocket-prompt-box button[type="button"]');if(!b)return;const c=b.closest('.rocket-prompt-box')?.querySelector('code');if(!c)return;const t=c.textContent;try{await navigator.clipboard.writeText(t)}catch(_){const r=document.createRange();r.selectNodeContents(c);const s=window.getSelection();s.removeAllRanges();s.addRange(r);document.execCommand('copy');s.removeAllRanges()}const o=b.textContent;b.textContent='Copied';setTimeout(()=>b.textContent=o,1500)})})();</script></p>
<p>The post <a href="https://animaapp.com/blog/id/agentic-id/openai-dots-id/">Dots: Panduan praktis OpenAI Dots</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Claude Docs: Apa itu Claude Docs, Kelebihan, Kekurangan, dan Alternatif</title>
		<link>https://animaapp.com/blog/id/ai-id/claude-docs-id/</link>
		
		<dc:creator><![CDATA[Avishay Cohen]]></dc:creator>
		<pubDate>Fri, 25 Sep 2026 05:24:45 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=16892</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span>Panduan praktis untuk Claude Docs: fitur, manfaat, batasan, harga dan ketersediaan, serta perbandingannya dengan AgentGrid.io, Google Docs, dan Notion.</p>
<p>The post <a href="https://animaapp.com/blog/id/ai-id/claude-docs-id/">Claude Docs: Apa itu Claude Docs, Kelebihan, Kekurangan, dan Alternatif</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<p>Claude telah beralih dari menulis teks dalam obrolan menjadi mengedit bersama dokumen langsung. Inilah kelebihan beta baru, apa yang masih kurang, dan kapan AgentGrid.io, Google Docs, atau Notion yang paling cocok.</p>
<h2>Apa itu Claude Docs?</h2>
<p><strong>Claude Docs adalah ruang kerja dokumen baru Anthropic untuk menulis dengan Claude dan orang lain.</strong> Ini diluncurkan dalam versi beta pada 16 September 2026, bersamaan dengan Claude Slide dan Anthropic untuk menggabungkan obrolan biasa dan Rekan Kerja menjadi satu Claude pengalaman.</p>
<p>Daripada bertanyaClaudeuntuk menghasilkan teks dan kemudian menyalinnya ke editor terpisah, Anda dapat meminta dokumen di dalam percakapan apa pun.Claudemengajukan pertanyaan klarifikasi, menyusun draf dokumen dalam kanvas teks kaya, menjelaskan pilihan dalam komentar, dan tetap tersedia untuk revisi selanjutnya. Anda juga dapat mengetik langsung di dokumen sementara kolaborator mengedit file yang sama secara real time.</p>
<p>Hasilnya lebih mirip dengan Google Dokumen asli AI <a href="https://agentgrid.io/">AgentGrid.io</a>. Dokumen memiliki tempatnya sendiri di tab Artefak, dapat berisi banyak tab, dan dapat menggunakan konteks dari file, memori, proyek, keterampilan, dan aplikasi yang terhubung.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Antarmuka Claude Docs menampilkan dokumen bersama, bagan, komentar, dan percakapan Claude" class="wp-image-16722" height="1035" src="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface.jpg" width="1840" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface-300x169.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface-1024x576.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface-768x432.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/09/claude-docs-interface-1536x864.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /><figcaption>Claude Docs menggabungkan percakapan, dokumen yang dapat diedit, data visual, dan komentar kolaborator dalam satu antarmuka. Gambar produk:Anthropic, diterbitkan oleh The Verge.</figcaption></figure>
<div><b>Ketersediaan dan harga</b></p>
<p>Anthropic daftar saat ini Claude Docs sebagai beta untuk paket Pro, Max, Team, dan Enterprise.</p>
</div>
<p>UntukChatGPT, bebasClaudepengguna, dan agen lainnya, <a href="https://agentgrid.io/">AgentGrid.io</a> adalah alternatif alami sebagai editor dokumen kolaboratif untuk manusia dan agen.</p>
<div data-rocket-cta="agentgrid-collaborative-docs" style="text-align: center; margin: 18px 0 24px;"><a href="https://agentgrid.io/?utm_source=content&amp;utm_medium=blog&amp;utm_campaign=claude-docs-alternatives&amp;utm_content=collaborative-docs" style="display: inline-block; padding: 10px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none!important;">AgentGrid is the Docs for any agent →</a></div>
<h2>Bagaimana Claude Docs bekerja</h2>
<p>Anda bisa memulainya dari keadaan normalClaudepercakapan, masuk <strong>/ dokumen</strong>, pilih Dokumen dari menu Output, atau pilih templat di galeri Artefak.Claudejuga dapat mengubah aClaudeSesi kode ke dalam spesifikasi produk, runbook, atau pembacaan.</p>
<figure class="wp-block-image size-full" data-rocket-image="claude-docs-ai-economy"><img decoding="async" class="wp-image-17130" src="https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact.jpg" alt="Claude Docs artifact showing an AI-generated report about AI and the economy, with a prompt addressed to Claude and a comparison table of industry voices." width="1840" height="1250" srcset="https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact-300x204.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact-1024x696.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact-768x522.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/10/claude-docs-ai-economy-artifact-1536x1043.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /></figure>
<ol>
<li><strong>Jelaskan hasilnya.</strong> Mintalah laporan, ringkasan, spesifikasi, panduan orientasi, pembacaan rapat, atau dokumen lainnya.</li>
<li><strong>MenjawabClaudepertanyaan.</strong> Claudedapat memperjelas audiens, format, sumber materi, atau keputusan sebelum disusun.</li>
<li><strong>Sunting bersama.</strong> Ketik langsung, minta Claude revisi luas di chat, atau mention <strong>@Claude</strong> dalam komentar untuk perubahan terfokus.</li>
<li><strong>Undang kolaborator.</strong> Orang yang memiliki akses edit dapat mengerjakan dokumen yang sama secara bersamaan.</li>
<li><strong>Ekspor atau serahkan.</strong> Claude Docs ekspor ke Word, PDF, Markdown, dan Google Docs; sebuah dokumen juga bisa menjadi aClaudePresentasi slide.</li>
</ol>
<p>Claudebertindak dengan izin dari orang yang masuk yang memintanya untuk melakukan perubahan. Setiap pengeditan dikaitkan dengan orang atauClaude. Itu adalah kontrol yang berguna, meskipun tidak sama dengan riwayat versi lengkap atau log kepatuhan.</p>
<h2>Claude Docs fitur yang penting</h2>
<h3>Penyusunan AI dengan konteks Anda saat ini</h3>
<p>Claudedapat mengambil manfaat dari percakapan, unggahan, Proyek, memori, keterampilan, dan aplikasi yang terhubung. Hal ini mengurangi masalah halaman kosong dan membuat Dokumen sangat kuat untuk ringkasan dan laporan yang dimulai dengan penelitianClaudesudah selesai.</p>
<h3>Pengeditan langsung dan komentar AI</h3>
<p>Kanvas tidak terkunci sementaraClaudebekerja. Anda dapat mengetik, memilih teks, berkomentar, atau bertanyaClaudeuntuk merevisi bagian tertentu.Claudedapat meninggalkan komentar yang menjelaskan suatu pilihan atau meminta keputusan, yang membuat proses penyusunan lebih terlihat daripada menulis ulang secara diam-diam.</p>
<h3>Kolaborasi manusia secara real-time</h3>
<p>Editor dapat melakukan pengeditan bersama secara real-time, dan perubahan akan segera muncul untuk semua orang yang dokumennya terbuka. Ini bergerak Claude Docs melampaui satu orang yang mendorong asisten dan menuju permukaan tulisan bersama.</p>
<h3>Bagan, diagram, dan garis waktu</h3>
<p>Claudedapat membuat bagan, diagram, grafik, dan garis waktu di dalam dokumen, termasuk dari data yang terhubung. Visual ini adalah cuplikan: tidak disegarkan secara otomatis saat sumbernya berubah, jadi Anda perlu bertanyaClaudeuntuk menarik data baru.</p>
<h3>Rute ekspor yang berguna</h3>
<p>Ekspor ke <strong>.docx, PDF, Penurunan harga, atau Google Docs</strong>. Ini penting karena Claude Docs baru; tim dapat menyusun dengan Claude dan menyelesaikannya dalam alur kerja kantor yang sudah mapan alih-alih membuat keputusan platform semua atau tidak sama sekali.</p>
<h2>Claude Docs pro dan kontra</h2>
<div>
<section>
<h3>Kelebihan</h3>
<ul>
<li>Claudemembuat draf di dalam dokumen alih-alih menghasilkan teks obrolan sekali pakai.</li>
<li>Menggunakan percakapan dan konteks yang terhubung tanpa salin-tempel berulang kali.</li>
<li>Manusia dan Claude dapat mengedit dokumen hidup yang sama.</li>
<li>Pengeditan bersama dan komentar secara real-time mendukung tinjauan tim.</li>
<li>Ekspor ke empat format praktis, termasuk Google Docs.</li>
<li>Bekerja di seluruh web, desktop,ClaudeKode, dan tampilan seluler.</li>
</ul>
</section>
<section>
<h3>Kontra</h3>
<ul>
<li>Belum ada riwayat versi.</li>
<li>Tidak ada tingkat akses hanya komentar untuk Claude Docs.</li>
<li>Dokumen Tim dan Perusahaan belum dapat dibagikan ke luar organisasi.</li>
<li>Penerima memerlukan aClaudeakun untuk membuka dokumen bersama.</li>
<li>Bagan dan diagram tidak disegarkan secara otomatis.</li>
<li>Aplikasi seluler belum dapat membuat dari template, mengedit, atau berbagi perubahan.</li>
<li>Belum ada aktivitas Dokumen di API Kepatuhan.</li>
<li>Tidak tersedia untuk konfigurasi siap CMEK, ZDR, dan HIPAA.</li>
</ul>
</section>
</div>
<p>Ini adalah batasan beta yang berarti, bukan kasus edge. Sebuah tim yang bergantung pada status tinjauan formal, akses klien eksternal, pemulihan versi yang dapat diaudit, atau konfigurasi yang diatur harus menguji alur kerja sebelum memindahkan dokumen penting ke dalam Claude Docs.</p>
<h2>Claude Docs vs AgentGrid.io vs Google Docs vs Notion</h2>
<figure class="wp-block-table">
<table class="rocket-comparison-table" style="width: 100%; border-collapse: collapse; font-family: Mulish, sans-serif !important;">
<thead>
<tr>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Produk</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Terbaik untuk</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Cakupan model AI</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Sejarah</th>
<th style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Kolaborasi</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Claude Docs</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Menyusun dan merevisi dokumen dengan Claude</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Claude-warga asli</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Belum ada riwayat versi</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Pengeditan waktu nyata; akses melihat/mengedit</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">AgentGrid.io</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Dokumen bersama dan artefak langsung antar manusia dan agen</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Claude,ChatGPT, Codex, Kursor, Hermes, OpenClaw, dan banyak lagi</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Didukung Git, dikaitkan dengan Sejarah dengan pemulihan</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Pengeditan Penurunan Harga Langsung, komentar, penyebutan agen, ruang kerja terkontrol</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Google Docs</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Dokumen kantor yang familier dan penyuntingan bersama manusia yang luas</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Gemini di dalam Google Workspace</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Riwayat versi dokumen matang</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Pengeditan, komentar, saran, kontrol akses secara real-time</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Notion</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Dokumen yang terhubung ke wiki, proyek, dan basis data</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Notion Agen dan Agen Kustom</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Riwayat halaman bervariasi menurut paket</td>
<td style="padding: 10px; border: 1px solid #d8d8dd; vertical-align: top; font-family: Mulish, sans-serif !important;">Pengeditan bersama, komentar, sebutan, pengaturan ruang kerja</td>
</tr>
</tbody>
</table>
</figure>
<p>Tidak ada produk yang memenangkan setiap baris. Pilihan yang tepat tergantung pada apakah pusat gravitasi Anda berada <strong>Claudeitu sendiri, pekerjaan lintas agen, kolaborasi dokumen kantor, atau ruang kerja pengetahuan yang terhubung.</strong></p>
<h2>Terbaik Claude Docs alternatif</h2>
<section><span>Terbaik untuk manusia dan beberapa agen AI</span></p>
<div>Alternatif 01</div>
<h3>AgentGrid.io</h3>
<p><a href="https://agentgrid.io/">AgentGrid.io</a> adalah ruang kerja bersama tempat orang dan agen yang terhubung bekerja pada artefak yang sama. Dokumen, aplikasi, atau file yang disimpan mendapat satu alamat, versi saat ini, akses yang dikontrol ruang kerja, dan riwayat yang mengaitkan perubahan pada manusia atau agen yang membuatnya.</p>
<p>Keuntungan terbesarnya dibandingkan Claude Docs adalah <strong>kontinuitas antar agen</strong>.Claudedapat memulai dokumen, laluChatGPT, Codex, Cursor, Hermes, atau agen lain yang terhubung dapat melanjutkannya tanpa mengubah handoff menjadi salinan lain. Riwayat dapat mempratinjau dan memulihkan versi sebelumnya, yang secara langsung menangani salah satunya Claude Docs&#8217; kesenjangan beta saat ini.</p>
<p>AgentGrid.io bukanlah pengganti model tulisan Claude. Ini adalah lapisan artefak bersama di sekitar karya. Penurunan harga mendukung pengeditan simultan; komentar dapat ditautkan ke suatu bagian, ditujukan kepada seseorang atau agen resmi, dan diselesaikan tanpa mempublikasikan artefak tersebut.</p>
<p><strong>Pilih ketika:</strong> lebih dari satu penyedia AI berkontribusi, pemulihan versi penting, keluarannya dapat berupa aplikasi atau laporan langsung, atau Anda ingin identitas agen dan izin dipisahkan dari akun manusia.</p>
<p><strong>Perhatikan:</strong> AgentGrid.io mengutamakan artefak. Jika kebutuhan utama Anda adalah editor gaya Word yang paling familiar dan kolaborasi klien yang luas, Google Docs mungkin lebih cocok.</p>
</section>
<figure class="wp-block-image size-full"><img decoding="async" alt="Mengedit dokumen dengan banyak manusia dan agen AI di AgentGrid.io" class="wp-image-16726" height="720" src="https://animaapp.com/blog/wp-content/uploads/2026/09/agentgrid-collaborative-document-editor-humans-agents.jpg" width="1280" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/agentgrid-collaborative-document-editor-humans-agents.jpg 1280w, https://animaapp.com/blog/wp-content/uploads/2026/09/agentgrid-collaborative-document-editor-humans-agents-300x169.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/agentgrid-collaborative-document-editor-humans-agents-1024x576.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/agentgrid-collaborative-document-editor-humans-agents-768x432.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" /><figcaption>Mengedit dokumen dengan banyak manusia dan agen di AgentGrid.io.</figcaption></figure>
<div data-rocket-cta="agentgrid-after-screenshot" style="text-align: center; margin: 18px 0 24px;"><a href="https://agentgrid.io/?utm_source=content&amp;utm_medium=blog&amp;utm_campaign=claude-docs-alternatives&amp;utm_content=collaborative-docs" style="display: inline-block; padding: 10px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none!important;">AgentGrid is the Docs for any agent →</a></div>
<section><span>Terbaik untuk kolaborasi dokumen arus utama</span></p>
<div>Alternatif 02</div>
<h3>Google Docs</h3>
<p>Google Docs tetap menjadi default paling aman bagi tim yang memerlukan pengeditan real-time yang familier, berbagi yang matang, komentar dan saran, kolaborasi eksternal yang mudah, dan integrasi yang erat dengan Gmail, Drive, Spreadsheet, Slide, dan Meet.</p>
<p>Gemini kini dapat membuat draf terstruktur di Dokumen dan menyatukan informasi dari Drive, Gmail, dan Chat. Hal ini memberi Google versi alur kerja AI di dalam dokumen sambil mempertahankan rangkaian aplikasi kantor yang sudah digunakan banyak tim.</p>
<p><strong>Pilih ketika:</strong> kolaborator eksternal memerlukan akses yang mudah, hasil kerja harus tetap berupa dokumen kantor konvensional, atau organisasi Anda sudah berjalan di Google Workspace.</p>
<p><strong>Perhatikan:</strong> Google Docs dirancang untuk orang dan file kantor. Jika beberapa agen independen memerlukan identitas bernama, izin tercakup, dan riwayat bersama di seluruh Penurunan harga, kode, dan aplikasi aktif,AgentGrid.io adalah ruang kerja yang lebih terspesialisasi.</p>
</section>
<section><span>Terbaik untuk dokumen yang terkait dengan pengetahuan dan proyek</span></p>
<div>Alternatif 03</div>
<h3>Notion</h3>
<p>Notion adalah pilihan yang lebih kuat ketika sebuah dokumen termasuk dalam sistem operasi wiki, database, proyek, catatan rapat, dan pengetahuan perusahaan yang lebih besar. Halaman berbasis bloknya mendukung kode, media, daftar isi, bagan, komentar, sebutan, dan pengeditan bersama.</p>
<p>Notion AI menambahkan sesuai permintaan Notion Agen, Agen Kustom untuk alur kerja berulang, Pencarian Perusahaan di seluruh aplikasi yang terhubung, Catatan Rapat AI, dan bantuan penulisan dalam halaman. Ini membuat Notion lebih luas dari Claude Docs: ini bukan kanvas tulisan yang terfokus dan lebih merupakan ruang kerja dengan dokumen sebagai pusatnya.</p>
<p><strong>Pilih ketika:</strong> dokumen harus terhubung ke pengetahuan terstruktur, status proyek, database, dan alur kerja yang dapat diulang.</p>
<p><strong>Perhatikan:</strong> fleksibilitas dapat menambah kompleksitas pengaturan dan ruang kerja. Jika tujuan Anda hanyalah “ubah iniClaudepercakapan menjadi dokumen yang bagus,”Claude Docs lebih langsung. Jika Anda memerlukan agen eksternal untuk berbagi satu artefak berversi,AgentGrid.io lebih dibangun dengan tujuan.</p>
</section>
<h2>Putusannya: haruskah Anda menggunakan Claude Docs?</h2>
<p><strong>Gunakan Claude Docs ketika Claude sudah menjadi tempat pemikiran terjadi.</strong> Ini menghilangkan peralihan canggung dari percakapan ke dokumen dan membiarkannyaClaude, Anda, dan tim Anda menyempurnakan draf yang sama. Untuk laporan, spek, brief, dan tulisan internal berbayarClauderencana, alur kerjanya menarik.</p>
<p>Jangan mengabaikan label beta. Kurangnya riwayat versi, terbatasnya pembagian eksternal untuk rencana organisasi, persyaratan akun, batas pengeditan seluler, dan tidak adanya pencatatan kepatuhan dapat menjadi faktor penentu alur kerja produksi.</p>
<p>Tumpukan praktis tidak harus memilih satu pemenang:</p>
<ul>
<li><strong>Draf dalam Claude Docs</strong> KapanClaudememiliki konteks dan tugas menulis.</li>
<li><strong>Ekspor ke Google Docs</strong> ketika tinjauan eksternal atau kompatibilitas kantor menjadi prioritas.</li>
<li><strong>Pindahkan pekerjaan ke Notion</strong> ketika itu termasuk dalam wiki atau sistem proyek yang lebih luas.</li>
<li><strong>Dorong ke AgentGrid.io</strong> KapanClaudeadalah salah satu dari beberapa agen dan artefak tersebut membutuhkan sejarah yang tahan lama dan dikaitkan.</li>
</ul>
<p>Claudeterhubung ke AgentGrid.io melalui konektor resmi. Setelah disetujui, Anda bisa bertanyaClaudeuntuk mendorong dokumen ke AgentGrid.io dan kembalikan tautan artefak; perubahan di masa depan muncul di bawahClaudeidentitas agen milik sendiri dan akses ruang kerja yang disetujui.</p>
<h2>Simpan dokumennya. Ganti agennya.</h2>
<p>Berikan Claude, ChatGPT, rekan satu tim Anda, dan agen berikutnya satu artefak langsung dengan akses terkontrol dan Riwayat yang diatribusikan.</p>
<div style="text-align: center; margin: 18px 0 24px;"><a href="https://agentgrid.io/?utm_source=content&amp;utm_medium=blog&amp;utm_campaign=claude-docs-alternatives" style="display: inline-block; padding: 10px 24px; border: 1px solid #ffffff; border-radius: 5px; background: #000000; color: #ffffff!important; font-family: Mulish,sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none!important;">AgentGrid is the Docs for any agent</a></div>
<h2>Pertanyaan yang sering diajukan</h2>
<div class="rocket-faq-accordion" style="margin: 18px 0 28px;">
<details open="" style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apa itu Claude Docs?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Claude Docs adalah Anthropic ruang kerja dokumen teks kaya beta di dalamnyaClaude. Itu memungkinkanClaudedan orang-orang membuat draf, mengedit, mengomentari, membagikan, dan mengekspor dokumen hidup.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Adalah Claude Docs bebas?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">TIDAK.Anthropic saat ini mencantumkannya untuk paket Pro, Max, Team, dan Enterprise. Ini tidak tersedia pada paket Gratis.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah beberapa orang mengedit Claude Dokumen?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Ya. Orang yang memiliki akses edit dapat mengerjakan dokumen yang sama secara bersamaan, dan perubahan akan terlihat secara langsung.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Melakukan Claude Docs memiliki riwayat versi?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Belum.Anthropic mencantumkan riwayat versi sebagai batasan beta yang diketahui. Jika dapat dipulihkan, maka revisi yang diatribusikan itu penting,AgentGrid.io atau editor kantor yang mapan mungkin merupakan tempat yang lebih baik untuk mendapatkan salinan yang tahan lama.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah saya mengekspor Claude Dokumen?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Ya. Opsi ekspor saat ini adalah Microsoft Word, PDF, Markdown, dan Google Docs.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah klien membuka Claude Doc tanpa akun Claude?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak. Shared Claude Docs memerlukan akun Claude. Dokumen Tim dan Perusahaan juga belum dapat dibagikan ke luar organisasi.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apa yang terbaik Claude Docs alternatif?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Pilih AgentGrid.io untuk artefak lintas agen dan riwayat versi, Google Docs untuk kolaborasi kantor yang sudah dikenal, dan Notion untuk dokumen, wiki, proyek, database, dan AI ruang kerja yang terhubung.</p>
</div>
</details>
</div>
</article>
<p>The post <a href="https://animaapp.com/blog/id/ai-id/claude-docs-id/">Claude Docs: Apa itu Claude Docs, Kelebihan, Kekurangan, dan Alternatif</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ulasan &#038; Alternatif Obsidian: Catatan, Tim, dan Kolaborasi AI</title>
		<link>https://animaapp.com/blog/id/agentic-id/obsidian-alternatives-id/</link>
		
		<dc:creator><![CDATA[Michal Cohen]]></dc:creator>
		<pubDate>Thu, 17 Sep 2026 17:13:49 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=16641</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span>Bandingkan Notion, AgentGrid, Craft, Logseq, Bear, dan Joplin. Temukan alternatif Obsidian untuk catatan, kerja tim, atau kolaborasi AI, dan pelajari cara menggunakan keduanya.</p>
<p>The post <a href="https://animaapp.com/blog/id/agentic-id/obsidian-alternatives-id/">Ulasan &#038; Alternatif Obsidian: Catatan, Tim, dan Kolaborasi AI</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span><p><style id="rocket-obsidian-table-style">
.rocket-comparison-table{width:100%;border-collapse:collapse;font-family:Mulish,sans-serif!important;margin:24px 0;}
.rocket-comparison-table th,.rocket-comparison-table td{font-family:Mulish,sans-serif!important;text-align:left;vertical-align:top;border:1px solid #dedee3;padding:12px 14px;}
.rocket-comparison-table th{font-weight:700;background:#f7f7f9;}
</style>
</p>
<p>Obsidian adalah pilihan tepat bagi orang-orang yang ingin memiliki catatan, menghubungkan ide, dan membangun basis pengetahuan pribadi. Namun memilih alat pencatatan juga berarti memilih cara Anda ingin bekerja.</p>
<p>Beberapa orang menginginkan pengalaman menulis yang lebih sederhana. Yang lain memerlukan dokumen proyek bersama. Dan semakin banyak orang yang ingin catatan mereka menjadi konteks yang berguna bagi agen AI yang bekerja sama dengan mereka.</p>
<p>Alternatif Obsidian terbaik bergantung pada kebutuhan mana yang paling penting.</p>
<p>Panduan ini membandingkan enam opsi: Notion, AgentGrid, Craft, Logseq, Bear, dan Joplin. Ini diterbitkan oleh AgentGrid, yang kami sertakan secara khusus untuk berbagi pengetahuan dan kolaborasi manusia-agen.</p>
<h2>Sekilas tentang alternatif Obsidian</h2>
<table class="rocket-comparison-table">
<tbody>
<tr>
<th>Alat</th>
<th>Paling cocok</th>
<th>Pertimbangan utama</th>
</tr>
<tr>
<td><strong>Notion</strong></td>
<td>Pengetahuan tim, dokumen, dan alur kerja proyek</td>
<td>Mengatur pekerjaan di dalam ruang kerja, bukan di folder catatan lokal</td>
</tr>
<tr>
<td><strong>AgentGrid</strong></td>
<td>Dokumen dan keluaran bersama yang dilanjutkan bersama oleh manusia dan agen AI</td>
<td>Jaga agar setiap agen bekerja dengan pengetahuan terkini yang sama, dengan kontrol akses dan riwayat yang dapat Anda pulihkan</td>
</tr>
<tr>
<td><strong>Craft</strong></td>
<td>Dokumen yang disempurnakan dan pengetahuan yang terhubung dengan AI</td>
<td>Ruang kerja cloud dengan akses browser dan aplikasi terinstal.</td>
</tr>
<tr>
<td><strong>Logseq</strong></td>
<td>Jurnal, garis besar, dan ide-ide yang terhubung</td>
<td>Pendekatan berbasis poinnya lebih cocok untuk beberapa kebiasaan menulis daripada yang lain</td>
</tr>
<tr>
<td><strong>Bear</strong></td>
<td>Penulisan terfokus pada perangkat Apple</td>
<td>Pilihan platform dan sinkronisasi berbayar dapat menentukan kesesuaiannya</td>
</tr>
<tr>
<td><strong>Joplin</strong></td>
<td>Pencatatan sumber terbuka dengan lampiran dan sinkronisasi fleksibel</td>
<td>Evaluasi organisasi dan pengalaman pengeditannya terhadap alur kerja Anda yang ada</td>
</tr>
</tbody>
</table>
<p>Ini adalah rekomendasi berdasarkan kasus penggunaan, bukan berdasarkan peringkat universal. Mulailah dengan masalah yang ingin Anda selesaikan.</p>
<h2>Ulasan singkat Obsidian: apa fungsinya dengan baik</h2>
<p>Obsidian menyimpan catatan di perangkat Anda sebagai file Markdown, teks biasa dengan format ringan. Ia bekerja secara offline dan mendukung tautan antar catatan, grafik koneksi tersebut, dan kanvas untuk menyusun ide secara visual. Ekosistem pluginnya memungkinkan Anda menyesuaikan cara Anda menangkap dan mengatur informasi. <a href="https://obsidian.md/">Jelajahi fitur Obsidian</a>.</p>
<p>Hal ini membuatnya sangat menarik untuk penelitian, penjurnalan, dan penulisan yang terakumulasi seiring berjalannya waktu. Catatan yang berguna tetap dapat dibaca di luar aplikasi yang membuatnya.</p>
<p>Trade-off-nya adalah jumlah pilihan yang tersedia. Anda memutuskan bagaimana mengatur catatan Anda, plugin mana yang akan dipasang, dan berapa banyak struktur yang harus dipertahankan. Kebebasan itu bisa jadi berharga, tapi bisa juga membuat kebiasaan sederhana menjadi terlalu rumit.</p>
<p>Aplikasi inti Obsidian gratis, termasuk untuk penggunaan komersial. Sinkronisasi resmi opsional mulai dari $4 per bulan bila ditagih setiap tahun. Sinkronisasi juga mendukung brankas bersama, sehingga kolaborasi dapat dilakukan.</p>
<p>Sebelum beralih, identifikasi hambatan spesifiknya: menulis, mengatur, berbagi, atau bekerja dengan AI. Masing-masing menunjuk pada alternatif yang berbeda.</p>
<h2>1. Notion: untuk berbagi pengetahuan dan pekerjaan proyek</h2>
<p><a href="https://www.notion.com/product">Notion</a> layak dipertimbangkan ketika catatan merupakan bagian dari alur kerja tim yang lebih besar. Produknya menyatukan dokumen, basis pengetahuan, proyek, dan kemampuan AI dalam ruang kerja bersama.</p>
<p>Misalnya, peluncuran produk mungkin memerlukan ringkasan, daftar tugas, catatan rapat, dan tempat untuk mencatat keputusan. Rekomendasi kami adalah mengevaluasi Notion ketika menyimpan materi tersebut untuk tim lebih penting daripada mengelola file teks individual.</p>
<p>Keputusan utamanya adalah apakah Anda lebih memilih model ruang kerja atau model file lokal. Seseorang yang senang membuka folder Markdown yang sama di aplikasi berbeda mungkin lebih menyukai pendekatan Obsidian.</p>
<p>Notion juga mendukung halaman offline di aplikasi desktop dan selulernya. Namun, halaman harus tersedia secara offline, dan database yang diunduh memiliki batasan yang terdokumentasi. Sebaiknya periksa detail tersebut jika Anda sering bekerja tanpa koneksi internet.</p>
<p><strong>Pilih Notion ketika:</strong> dokumentasi bersama dan koordinasi proyek adalah prioritas utama Anda.</p>
<h2>2. AgentGrid: untuk berbagi pengetahuan yang dapat digunakan oleh agen AI</h2>
<p><a href="https://app.agentgrid.io/?utm_content=obsidian-alternatives&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid</a> menjadi relevan ketika pertanyaan Anda berubah dari “Di mana saya harus menulis ini?” hingga “Bagaimana orang atau agen lain dapat terus bekerja darinya?”</p>
<p>Pendekatan memori kerja bersama memungkinkan agen yang terhubung menggunakan pengetahuan dan keluaran proyek yang sama. Anda dapat menyatukan penelitian, instruksi, keputusan, dan hasil, lalu meminta agen lain untuk melanjutkan pekerjaan saat ini.</p>
<p>AgentGrid mendukung dokumen Markdown yang dapat diedit, aplikasi web yang dapat dijalankan, dan aset yang disimpan. Hal ini membuatnya berguna ketika penelitian tertulis perlu dijadikan ringkasan, artefak web bergaya presentasi, atau alat interaktif. </p>
<p>Misalnya, Anda dapat mengumpulkan riset pelanggan di Obsidian, membawa catatan yang dipilih ke AgentGrid, dan meminta agen untuk membuat ringkasan peluncuran. Rekan satu tim atau agen lain yang terhubung kemudian dapat melanjutkan pengarahannya. Perubahan yang disimpan memiliki atribusi manusia atau agen dalam riwayat artefak. <a href="https://agentgrid.io/docs/artifacts/version-history">Lihat cara kerja riwayat versi</a>.</p>
<p>AgentGrid harus dievaluasi untuk alur kerja bersama tersebut. Jika persyaratan utama Anda adalah editor offline untuk brankas lokal, Obsidian tetap menjadi pilihan yang tepat.</p>
<p><strong>Pilih AgentGrid ketika:</strong> pengetahuan proyek perlu berpindah antara manusia, agen AI, dan hasil kerja.</p>
<h2>3. Craft: untuk dokumen yang disempurnakan dan pengetahuan yang terhubung dengan AI</h2>
<p><a href="https://support.craft.do/en/introduction">Craft</a> menggabungkan penulisan dokumen, berbagi, dan penerbitan dengan pengalaman pengeditan visual. Ia berfungsi di browser serta aplikasi yang diinstal, dan mendukung impor dan ekspor Markdown.</p>
<p>Kami akan memilih Craft ketika presentasi dokumen penting di samping kontennya: proposal klien, ringkasan proyek bersama, atau referensi tim yang dapat dibaca.</p>
<p>Craft juga mendukung MCP, standar yang menghubungkan alat AI eksternal ke konten tertentu. Itu membuatnya relevan jika Anda ingin asisten mengerjakan dokumen Anda. Menghubungkan AI dengan pengetahuan merupakan bidang yang saling tumpang tindih <a href="https://app.agentgrid.io/?utm_content=obsidian-alternatives&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid</a>; evaluasi alur kerja lengkap yang Anda butuhkan. </p>
<p>Untuk pekerjaan yang berpusat pada dokumen, Craft layak untuk dilihat lebih dekat. Untuk pekerjaan yang mencakup materi sumber, dokumen bersama, aplikasi yang dapat dijalankan, dan kontribusi agen yang diatribusikan, evaluasi AgentGrid terhadap tugas yang lebih luas tersebut.</p>
<p><strong>Pilih Craft ketika:</strong> Anda ingin dokumen yang disempurnakan dengan akses ke alat AI yang kompatibel.</p>
<h2>4. Logseq : untuk orang yang berpikir secara garis besar</h2>
<p><a href="https://blog.logseq.com/">Logseq</a>Ciri khasnya adalah pendekatannya yang berbasis garis besar. Anda bekerja dengan poin atau blok bersarang, yang dapat terhubung ke bagian lain dari basis pengetahuan Anda. Jurnal memberikan titik awal alami untuk pencatatan harian. </p>
<p>Ini bisa berfungsi dengan baik untuk catatan rapat. Sebuah diskusi menjadi sekumpulan peluru; keputusan dan tindak lanjut berada di bawah topik yang relevan. Anda dapat membangun koneksi tanpa mengubah setiap pemikiran menjadi esai terpisah.</p>
<p>Struktur yang sama mungkin terasa membatasi jika Anda kebanyakan menulis paragraf panjang. Pindah ke Logseq paling masuk akal ketika Anda menginginkan cara berpikir dan pengorganisasian yang berbeda, bukan sekadar antarmuka yang berbeda.</p>
<p><strong>Pilih Logseq ketika:</strong> catatan harian, ide-ide yang dirangkai, dan hubungan antara pemikiran individu sesuai dengan cara Anda bekerja.</p>
<h2>5. Bear: untuk penulisan terfokus pada perangkat Apple</h2>
<p><a href="https://bear.app/">Bear</a> adalah aplikasi pencatatan Markdown untuk Mac, iPhone, dan iPad. Ini menggabungkan tulisan, tag, gambar, dan lampiran dalam antarmuka yang terfokus. Langganan Pro-nya menambahkan sinkronisasi iCloud, format ekspor tambahan, dan pencarian di dalam gambar dan PDF.</p>
<p>Kami akan memilih Bear untuk seseorang yang membuka aplikasi pencatatan terutama untuk menulis: menangkap ide, menyusun artikel, atau mengatur bahan referensi pribadi.</p>
<p>Dibandingkan dengan pengaturan Obsidian yang dapat disesuaikan secara ekstensif, Bear menawarkan serangkaian pilihan yang lebih lengkap. Hal ini dapat mempermudah Anda untuk melakukan rutinitas menulis.</p>
<p>Pembatasan platform adalah faktor penentu yang paling jelas. Jika Anda memerlukan aplikasi yang sama di Windows atau Android, cari di tempat lain.</p>
<p><strong>Pilih Bear ketika:</strong> Anda menggunakan perangkat Apple dan menginginkan tempat yang bagus untuk menulis dengan pengaturan yang relatif sedikit.</p>
<h2>6. Joplin: untuk catatan sumber terbuka dan sinkronisasi fleksibel</h2>
<p><a href="https://joplinapp.org/">Joplin</a> mendukung Markdown dan pengeditan teks kaya, lampiran multimedia, pemotong web, dan plugin. Ini tersedia di platform desktop dan seluler utama dan mendukung sinkronisasi melalui layanan termasuk Joplin Cloud, Dropbox, dan OneDrive. </p>
<p>Ini layak mendapat tempat di daftar pendek Anda jika basis pengetahuan Anda mencakup bahan referensi praktis: halaman web yang disimpan, PDF, gambar, instruksi, dan catatan sehari-hari.</p>
<p>Joplin Cloud juga menyediakan berbagi dan kolaborasi. Daya tariknya lebih dari sekadar membuat catatan sendirian, meskipun pilihan terbaik tetap bergantung pada pengalaman yang Anda inginkan seputar catatan tersebut.</p>
<p>Rekomendasi kami adalah mengujinya dengan kumpulan konten yang representatif. Impor beberapa catatan dengan lampiran, coba cari, dan periksa apakah alur kerja pengeditan dan sinkronisasi terasa alami.</p>
<p><strong>Pilih Joplin ketika:</strong> perangkat lunak sumber terbuka, catatan format campuran, dan pilihan layanan sinkronisasi penting bagi Anda.</p>
<h2>Gunakan Obsidian dan AgentGrid bersama-sama dengan satu versi kanonik</h2>
<p>Anda dapat terus bekerja di Obsidian sambil menyediakan pengetahuan proyek pilihan yang sama di AgentGrid. Agen dengan akses baca dan tulis ke kedua lokasi dapat diinstruksikan untuk memperbarui keduanya setiap kali terjadi perubahan materi.</p>
<p>Kuncinya adalah memilih a <strong>versi kanonik</strong>: salinan resmi yang menentukan konten yang dimaksudkan. Salinan kedua mencerminkannya. Untuk riset pribadi, Anda dapat membuat catatan Obsidian menjadi kanonik. Untuk ringkasan proyek bersama, Anda dapat membuat artefak AgentGrid menjadi kanonik.</p>
<h3>Siapkan alur kerja</h3>
<ol>
<li><strong>Pilih dokumen untuk disimpan di kedua tempat.</strong> Petakan setiap file Obsidian ke artefak AgentGrid URL-nya.</li>
<li><strong>Catat salinan mana yang kanonik.</strong> Buatlah pilihan tersebut eksplisit untuk setiap dokumen, sehingga setiap agen mengikuti aturan yang sama.</li>
<li><strong>Berikan agen pembaruan Anda akses ke keduanya.</strong> Menghubungkannya ke AgentGrid saja tidak memberikan akses ke brankas lokal Anda; yang memerlukan alat akses file resmi terpisah atau integrasi Obsidian.</li>
<li><strong>Perintahkan untuk memperbarui keduanya setelah setiap perubahan.</strong> Simpan perubahan yang disetujui ke dokumen kanonis, lalu perbarui salinan berpasangan.</li>
<li><strong>Verifikasi kedua penyimpanan.</strong> Mintalah agen membaca kembali kedua dokumen tersebut dan melaporkan perbedaan atau pembaruan apa pun yang belum selesai.</li>
</ol>
<h3>Instruksi tetap untuk agen Anda</h3>
<p><code style="display: inline-block; margin: 0px; padding: 0px;"></code></p>
<p><em>Untuk dokumen proyek yang tercantum di bawah, selalu perbarui salinan Obsidian dan AgentGrid. Setiap entri mengidentifikasi file Obsidian, AgentGrid URL, dan mana yang kanonik. Sebelum mengedit, bacalah kedua salinannya. Jika terdapat perubahan yang bertentangan atau belum ditinjau, tandai perubahan tersebut sebelum menimpa salinan mana pun. Terapkan pembaruan yang disetujui ke versi kanonik, lalu cerminkan ke salinan berpasangan. Pertahankan konten yang disepakati serta tautan dan lampiran yang didukung, dan laporkan apa pun yang tidak dapat disimpan. Baca kembali kedua salinan yang disimpan sebelum pelaporan selesai. Jika salah satu lokasi tidak tersedia atau penyimpanan gagal, laporkan dengan tepat apa yang masih tertunda.</em></p>
<p><code style="display: inline-block; margin: 0px; padding: 0px;"></code></p>
<p>Simpan instruksi ini di tempat agen Anda membaca instruksi proyeknya, dan berikan kepada setiap agen yang bertanggung jawab atas pembaruan.</p>
<p>Misalnya, pertahankan riset pelanggan tetap kanonis di Obsidian. Saat agen Anda menambahkan temuan wawancara yang disetujui, minta agen tersebut memperbarui dokumen AgentGrid yang dipasangkan juga. Agen lain yang terhubung kemudian dapat menggunakan penelitian bersama tersebut untuk mengembangkan ringkasan. Jika mereka mengusulkan perubahan pada penelitian, arahkan perubahan tersebut melalui proses pembaruan yang sama.</p>
<p>Ini adalah alur kerja yang dikelola agen yang Anda konfigurasikan. Itu tidak membuat sinkronisasi otomatis bawaan, pemantauan latar belakang, atau pencadangan brankas lengkap. Pengeditan manual juga memerlukan langkah rekonsiliasi yang eksplisit: minta agen untuk membandingkan kedua salinan dan melaksanakan perubahan yang disetujui. <a href="https://agentgrid.io/docs/artifacts/import-document">Lihat perilaku impor AgentGrid</a>.</p>
<p>Sebelum memperluas lebih dari satu proyek, periksa tautan, lampiran, dan format khusus Anda di kedua tempat. Simpan catatan pribadi di luar kumpulan catatan bersama kecuali jika diperlukan untuk pekerjaan.</p>
<p>&nbsp;</p>
<p>Coba <a href="https://app.agentgrid.io/?utm_content=obsidian-alternatives&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgentGrid.io</a></p>
<p>The post <a href="https://animaapp.com/blog/id/agentic-id/obsidian-alternatives-id/">Ulasan &#038; Alternatif Obsidian: Catatan, Tim, dan Kolaborasi AI</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Apa itu Claude Design (claude.ai/design)?</title>
		<link>https://animaapp.com/blog/id/ai-design-id/what-is-claude-design-id-2/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 08:45:00 +0000</pubDate>
				<category><![CDATA[AI Design]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=16413</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span>Claude Design di claude.ai/design mengubah perintah menjadi prototipe, slide, dan mockup di atas kanvas. Apa itu, cara kerjanya, batasannya, dan kapan selanjutnya menggunakan Anima atau AgentGrid.io.</p>
<p>The post <a href="https://animaapp.com/blog/id/ai-design-id/what-is-claude-design-id-2/">Apa itu Claude Design (claude.ai/design)?</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span><p><style id="rocket-claude-design-table-font">.rocket-claude-design-table,.rocket-claude-design-table th,.rocket-claude-design-table td{font-family:Mulish,sans-serif!important}</style>
</p>
<p>Claude Design adalah produk desain chat-to-canvas dari Anthropic. Anda mendeskripsikan apa yang Anda inginkan dalam bahasa sederhana, Claude membuat versi pertama di atas kanvas, dan Anda menyempurnakannya melalui obrolan, komentar sebaris, dan pengeditan langsung. Produk hidup di <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a> (juga ditautkan dari halaman produk Claude) dan di sidebar desktop Claude.</p>
<p>Ini bukan Figma, bukan generator gambar umum, dan bukan pembuat frontend produksi penuh dengan sendirinya. Ini adalah ruang kerja desain percakapan untuk prototipe, deck, one-pager, visual pemasaran, dan konsep interaktif, dengan konteks sistem desain opsional dan jalur handoff ke Kode Claude.</p>
<p>Jika Anda mencari “apa itu Claude Design” karena SERP berisik, halaman ini adalah jawaban singkatnya terlebih dahulu, lalu alur kerja praktisnya, lalu di mana Anima dan AgentGrid.io cocok saat Anda membutuhkan kontinuitas Figma atau artefak bersama yang tahan lama.</p>
<p>Untuk pengguna ChatGPT, <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268" rel="noopener" target="_blank">Alternatif Claude Design adalah ChatGPT+AgentGrid.io</a>, menawarkan fitur berbagi, pembuatan versi, kolaborasi, dan penerbitan langsung dari obrolan.</p>
<h2>Jawaban singkat</h2>
<div class="table-wrap">
<table class="rocket-claude-design-table">
<thead>
<tr>
<th>Pertanyaan</th>
<th>Jawaban</th>
</tr>
</thead>
<tbody>
<tr>
<td>Apa itu?</td>
<td>Produk Anthropic Labs untuk membuat karya visual dengan Claude pada kanvas khusus</td>
</tr>
<tr>
<td>Di mana?</td>
<td><a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a> dan bilah samping Desktop Claude</td>
</tr>
<tr>
<td>Siapa yang bisa menggunakannya?</td>
<td>Claude Pro, Max, Team, dan Enterprise (Perusahaan sering kali dinonaktifkan secara default hingga admin mengaktifkannya)</td>
</tr>
<tr>
<td>Model / status</td>
<td>Diluncurkan dalam pratinjau penelitian pada 17 April 2026; kemudian digambarkan sebagai beta. Didukung saat peluncuran oleh Claude Opus 4.7 (model dapat berubah)</td>
</tr>
<tr>
<td>Terbaik untuk</td>
<td>Eksplorasi cepat, mockup PM, deck, konsep pemasaran, penyerahan asli Claude ke Kode Claude</td>
</tr>
<tr>
<td>Bukan pengganti</td>
<td>Pekerjaan sistem desain Figma yang mendalam, kerajinan tingkat piksel, atau kolaborasi artefak multi-agen di luar Claude</td>
</tr>
</tbody>
</table>
</div>
<p>Postingan peluncuran Anthropic membingkai masalahnya dengan jelas: desainer menjatah eksplorasi karena jarang ada waktu untuk banyak arah, dan non-desainer kesulitan mengubah ide menjadi sesuatu yang dapat dibagikan. Claude Design adalah jawaban mereka untuk keduanya.</p>
<h2>Bagaimana Claude Design bekerja</h2>
<p>Claude Design membagi layar: chat di sebelah kiri, kanvas di sebelah kanan. Pusat bantuan Anthropic mendeskripsikan loop sebagai:</p>
<ol>
<li>Buat proyek</li>
<li>Lampirkan atau impor sistem desain jika Anda memilikinya</li>
<li>Tambahkan konteks (tangkapan layar, dokumen, basis kode)</li>
<li>Jelaskan apa yang Anda inginkan</li>
<li>Tinjau hasil kanvas</li>
<li>Sempurnakan dengan obrolan, komentar sebaris, atau pengeditan kanvas langsung</li>
<li>Ekspor atau bagikan</li>
</ol>
<p>Panduan Anthropic berguna di sini: generasi pertama adalah titik awal. Nilainya adalah iterasi.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Ikhtisar fitur Claude Design (aset blog Anima)" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Claude-Design-Features.png"/><figcaption>Ikhtisar fitur Claude Design (aset blog Anima)</figcaption></figure>
<h3>Apa yang bisa Anda buat</h3>
<p>Output umum yang dipanggil oleh Anthropic dan dokumen bantuan:</p>
<ul>
<li>Gambar rangka produk dan layar aplikasi</li>
<li>Halaman arahan dan jaminan pemasaran</li>
<li>Pitch deck dan presentasi</li>
<li>Prototipe interaktif</li>
<li>Satu halaman dan visual sosial</li>
<li>Prototipe perbatasan yang didukung kode (suara, video, shader, 3D, AI bawaan), jika jalur tersebut didukung</li>
</ul>
<h3>Sistem desain dan merek</h3>
<p>Claude Design dapat mengimpor sistem desain dari GitHub, file desain, unggahan, atau basis kode lokal (termasuk melalui <code>/design-sync</code> dari Kode Claude). Claude seharusnya dibuat dengan komponen Anda dan memeriksa keluaran terhadap sistem sebelum Anda melihatnya. Admin tim dan Perusahaan dapat mengunci sistem standar.</p>
<p>Hal ini penting karena AI UI generik adalah mode kegagalan default dalam kategori ini. Konteks merek adalah perbedaan antara demo dan sesuatu yang dapat diulas oleh PM.</p>
<h3>Ekspor dan serah terima</h3>
<p>Tujuan ekspor dan pengiriman yang terdokumentasi mencakup PDF, PPTX, HTML mandiri, zip/folder, Canva, dan konektor seperti Adobe, Gamma, Lovable, Miro, Replit, Vercel, dan Wix (daftar berubah; periksa kembali dokumen saat ini sebelum Anda menjanjikan konektor).</p>
<p>Jalur pembangunan asli Claude diserahkan ke Kode Claude: kemas desain dan lanjutkan dari proyek kerja alih-alih membuat ulang dari tangkapan layar.</p>
<p><strong>Kesenjangan alur kerja yang penting bagi banyak tim desain:</strong> Claude Design tidak menawarkan ekspor Figma asli. Jika Figma adalah sumber kebenaran Anda, Anda memerlukan jembatan tambahan.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Contoh visual hasil Claude Design (aset blog Anima)" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Claude-Design-result.png"/><figcaption>Contoh visual hasil Claude Design (aset blog Anima)</figcaption></figure>
<h2>Apa yang orang katakan tentang hal itu</h2>
<p>Reaksi publik dari X (diambil tanpa login dari masing-masing postingan URL) dan halaman Anthropic sendiri.</p>
<h3>Dari X</h3>
<figure class="wp-block-image size-full"><img decoding="async" alt="Pos peluncuran Claude (@claudeai), 17 April 2026" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-01-claudeai-launch-cropped.jpg"/><figcaption>Pos peluncuran Claude (@claudeai), 17 April 2026</figcaption></figure>
<blockquote><p>Memperkenalkan Claude Design oleh Anthropic Labs: membuat prototipe, slide, dan one-pager dengan berbicara dengan Claude. Didukung oleh Claude Opus 4.7, model vision kami yang paling mumpuni. Tersedia dalam pratinjau penelitian pada paket Pro, Max, Team, dan Enterprise, yang diluncurkan sepanjang hari.<br />
&#8211; Claude (@claudeai), 17 April 2026 · <a href="https://x.com/claudeai/status/2045156267690213649" rel="noopener" target="_blank">posting</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design tetap mengikuti pembaruan merek, 17 Juni 2026" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-02-claudeai-on-brand-cropped.jpg"/><figcaption>Claude Design tetap mengikuti pembaruan merek, 17 Juni 2026</figcaption></figure>
<blockquote><p>Baru di Claude Design: tetap sesuai merek dengan sistem desain Anda di seluruh proyek, memungkinkan Anda mengedit langsung di kanvas, menyinkronkan dengan Kode Claude, dan terhubung ke lebih banyak alat yang sudah Anda gunakan.<br />
&#8211; Claude (@claudeai), 17 Juni 2026 · <a href="https://x.com/claudeai/status/2067325887909884315" rel="noopener" target="_blank">posting</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Utas tip Ryan Mather untuk Claude Design" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-03-flomerboy-tips-cropped.jpg"/><figcaption>Utas tip Ryan Mather untuk Claude Design</figcaption></figure>
<blockquote><p>Kiat saya untuk mendapatkan hasil terbaik dari Claude Design! Saya berada di tim vertikal di Anthropic yang berarti saya melayani 7 produk berbeda. Claude Design memungkinkannya! 1. Siapkan sistem desain dan layar inti Anda. Satu jam pengaturan dan penyempurnaan di sini sangat berharga<br />
&#8211; Ryan Mather (@Flomerboy), 17 April 2026 · <a href="https://x.com/Flomerboy/status/2045162321589252458" rel="noopener" target="_blank">posting</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Reaksi awal Sachin Rekhi terhadap Claude Design" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-04-sachinrekhi-cropped.jpg"/><figcaption>Reaksi awal Sachin Rekhi terhadap Claude Design</figcaption></figure>
<blockquote><p>Beberapa reaksi awal terhadap peluncuran Claude Design: … Tidak ada produk yang dibangun di atas LLM yang aman dari persaingan langsung dari Anthropic itu sendiri: Saya sedang melihat semua alat pembuatan prototipe yang ada… Bahkan pemain lama yang bersejarah seperti Figma harus mulai bertanya-tanya apakah mereka akan menggunakan AI dengan cukup asli…<br />
&#8211; Sachin Rekhi (@sachinrekhi), 17 April 2026 · <a href="https://x.com/sachinrekhi/status/2045193851502317852" rel="noopener" target="_blank">posting</a></p></blockquote>
<h3>Dari Anthropic / mitra</h3>
<p>Kutipan ini berasal dari halaman publik Anthropic (pernyataan pelanggan dan mitra dipublikasikan bersama produk). Perlakukan mereka sebagai testimonial yang dihosting vendor, bukan ulasan independen.</p>
<blockquote><p>“Desain Claude memberi saya kecerdasan model terdepan dengan fungsionalitas &amp; kemampuan alat desain yang teruji &amp; benar. Kapan pun saya mengerjakan arahan desain untuk situs Tenex, aset merek baru, atau presentasi, Claude Design adalah tempat pertama yang saya tuju. … Dan kemudian peralihan antara Kode Claude Design dan Claude membuat proses prototipe hingga produksi menjadi lancar.” <br />
&#8211; Alex Lieberman, Salah Satu Pendiri, Morning Brew &amp; Tenex (<a href="https://claude.com/blog/claude-design-stays-on-brand-for-daily-work" rel="noopener" target="_blank">blog Claude</a>)</p></blockquote>
<p>Dari postingan peluncuran Anthropic, tim produk menekankan kecepatan dan kesesuaian merek:</p>
<blockquote><p>“Kami telah beralih dari ide kasar menjadi prototipe yang berfungsi sebelum ada yang meninggalkan ruangan, dan hasilnya tetap sesuai dengan pedoman merek dan desain kami.” <br />
&#8211; dikutip pada <a href="https://www.anthropic.com/news/claude-design-anthropic-labs" rel="noopener" target="_blank">Peluncuran Claude Design Anthropic</a></p></blockquote>
<p>Anthropic juga melaporkan bahwa lebih dari satu juta orang menggunakan Claude Design pada minggu pertama (<a href="https://claude.com/blog/claude-design-stays-on-brand-for-daily-work" rel="noopener" target="_blank">Pembaruan produk 17 Juni 2026</a>). Itu adalah klaim penggunaan dari Anthropic, bukan audit pihak ketiga.</p>
<h2>Dimana Claude Design cocok (dan di mana berhentinya)</h2>
<h3>Cocok kuat</h3>
<ul>
<li>Anda sudah tinggal di Kode Claude dan Claude</li>
<li>Anda membutuhkan visual dalam pertemuan yang sama, bukan minggu depan</li>
<li>Seorang PM atau pendiri memerlukan mockup atau deck sebelum kapasitas desain terbuka</li>
<li>Anda ingin berbagi cakupan organisasi di dalam Claude</li>
</ul>
<h3>Kecocokan lemah (hari ini)</h3>
<ul>
<li>Desainer Anda memerlukan komponen, varian, dan kebersihan file Figma asli</li>
<li>Anda memerlukan kolaborasi multi-model pada artefak tahan lama yang sama (Claude + ChatGPT + agen pengkodean + editor manusia)</li>
<li>Anda memerlukan situs web publik dengan domain khusus, riwayat versi di seluruh agen, atau kontrol publikasi bergaya AgentGrid</li>
<li>Anda memerlukan pengeditan multipemain yang andal (Anthropic masih memerlukan pengeditan dasar multi-orang secara simultan)</li>
</ul>
<p>Bersikap adil: Claude Design sangat baik dalam percakapan-ke-kanvas. Itu tidak mencoba menjadi setiap alat desain.</p>
<h2>Alur kerja praktis setelah Claude Design</h2>
<p>Berikut adalah jalur end-to-end yang berguna bagi tim yang peduli dengan merek, Figma, dan UI produk yang dapat dikirim.</p>
<h3>1. Jelajahi di Claude Design</h3>
<p>Mulai pada <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a>. Prompt untuk 2-3 arah. Lampirkan tangkapan layar atau sistem desain. Ulangi sampai ceritanya jelas.</p>
<h3>2. Lanjutkan di Figma jika kerajinan itu penting</h3>
<p>Jika pemilik berikutnya adalah seorang desainer, pindahkan konsepnya ke Figma. Buddy Anima dapat mengubah Claude Design HTML menjadi lapisan Figma yang dapat diedit sehingga Anda tidak terjebak di luar sistem desain. Panduan: <a href="https://www.animaapp.com/blog/genai/how-to-go-from-claude-design-to-figma/" rel="noopener" target="_blank">Bagaimana cara beralih dari Claude Design ke Figma</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design hingga Figma dengan Anima Buddy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Anima-claude-design-figma-cover.jpg"/><figcaption>Claude Design hingga Figma dengan Anima Buddy</figcaption></figure>
<h3>3. Bangun prototipe yang berfungsi di Anima Playground</h3>
<p>Saat Anda memerlukan prototipe HTML/React milik merek yang dapat diedit (tidak hanya mockup kanvas), lanjutkan di <a href="https://www.animaapp.com/" rel="noopener" target="_blank">Anima Playground</a>. Mulai dari prompt, Figma, gambar, atau URL. Jaga agar Playground, Buddy, dan Figma tetap berbeda dengan kodenya. Taman bermain adalah permukaan aplikasi/prototipe browser. Buddy adalah agen AI Figma.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Anima Playground" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Anima-Playground.png"/><figcaption>Anima Playground</figcaption></figure>
<h3>4. Mengisi celah yang tidak dimiliki Claude Design sendiri</h3>
<p>Contoh: Claude Design lemah dalam menghasilkan gambar pemasaran untuk halaman yang dibuatnya. Tim dapat meletakkan desain di AgentGrid.io dan membiarkan ChatGPT menghasilkan gambar ke dalam artefak yang sama. Panduan: <a href="https://www.animaapp.com/blog/genai/generate-images-for-claude-design-with-chatgpt/" rel="noopener" target="_blank">Hasilkan gambar untuk Claude Design dengan ChatGPT</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Hasilkan gambar untuk Claude Design dengan ChatGPT melalui AgentGrid.io" src="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-design-generate-images-chatgpt-cover-1.jpg"/><figcaption>Hasilkan gambar untuk Claude Design dengan ChatGPT melalui AgentGrid.io</figcaption></figure>
<h3>5. Publikasikan atau bagikan artefak tahan lama di AgentGrid.io</h3>
<p>Jika hasilnya harus keluar dari satu obrolan, bertahan dalam riwayat versi, dan tetap dapat diedit oleh orang dan agen lain, pindahkan ke <a href="https://agentgrid.io/" rel="noopener" target="_blank">AgenGrid.io</a>. Itu adalah ruang kerja bersama untuk artefak langsung (dokumen, aplikasi, desain), bukan kanvas desain kedua. Panduan: <a href="https://www.animaapp.com/blog/agentic/publish-claude-design-website-agentgrid/" rel="noopener" target="_blank">Publikasikan situs web Claude Design dengan AgentGrid.io</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Publikasikan Claude Design melalui AgentGrid.io" src="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-design-publish-website-agentgrid-1.jpg"/><figcaption>Publikasikan Claude Design melalui AgentGrid.io</figcaption></figure>
<h2>Claude Design vs alat terdekat (peta cepat)</h2>
<div class="table-wrap">
<table class="rocket-claude-design-table">
<thead>
<tr>
<th>Kebutuhan</th>
<th>Mulai di sini</th>
</tr>
</thead>
<tbody>
<tr>
<td>Obrolan ke kanvas di dalam Claude</td>
<td>Claude Design</td>
</tr>
<tr>
<td>Sistem desain bekerja di dalam Figma</td>
<td>Buddy oleh Anima</td>
</tr>
<tr>
<td>Prototipe HTML/React langsung yang sadar merek</td>
<td>Anima Playground</td>
</tr>
<tr>
<td>Artefak multi-agen yang tahan lama + publikasi</td>
<td>AgenGrid.io</td>
</tr>
<tr>
<td>Artefak penelitian UX yang mendalam</td>
<td>Alat UX khusus (misalnya UX Pilot)</td>
</tr>
<tr>
<td>Ide UI asli Google</td>
<td>Google Jahitan</td>
</tr>
</tbody>
</table>
</div>
<p>Untuk perbandingan yang lebih panjang, lihat Anima <a href="https://www.animaapp.com/blog/ai-design-en/claude-design-review-features-pros-cons-and-best-alternatives/" rel="noopener" target="_blank">Ulasan Claude Design</a>. Halaman “apa adanya” ini sengaja dibuat bersifat definisi sehingga tidak mencopot ulasan tersebut.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah Claude Design sama dengan Artefak Claude?</h3>
<p>Artefak adalah keluaran di samping obrolan Claude (seringkali berupa dokumen, HTML, atau kode). Claude Design adalah produk desain khusus dengan kanvasnya sendiri, model proyek, dan alur ekspor/serah terima di claude.ai/design.</p>
<h3>Apakah Claude Design gratis?</h3>
<p>Ini disertakan dengan langganan Claude Pro, Max, Team, dan Enterprise dan diperhitungkan dalam batas penggunaan paket (Anthropic sebelumnya memiliki tunjangan Desain mingguan terpisah; dokumen bantuan saat ini mengatakan Desain sekarang membagikan kumpulan paket). Perusahaan biasanya tidak aktif hingga admin mengaktifkannya. Periksa kembali <a href="https://support.claude.com/en/articles/14604416-get-started-with-claude-design" rel="noopener" target="_blank">Harga dan bantuan Anthropic</a> sebelum menerbitkan klaim rencana.</p>
<h3>Bisakah Claude Design menggantikan Figma?</h3>
<p>Bukan sebagai pengganti penuh bagi sebagian besar organisasi desain produk. Ini kuat untuk kecepatan dan eksplorasi. Figma tetap lebih kuat untuk sistem komponen, varian, dan operasi file desain. Gunakan Buddy saat Anda memerlukan langkah AI di dalam Figma.</p>
<h3>Bagaimana cara membuka Claude Design?</h3>
<p>Pergi ke <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a>, atau buka dari sidebar desktop Claude. Pemasaran produk resmi juga menunjukkan <a href="https://claude.com/product/design" rel="noopener" target="_blank">claude.com/product/design</a>.</p>
<h2>Intinya</h2>
<p>Claude Design adalah jawaban Anthropic untuk “deskripsikan, lihat, sempurnakan” untuk karya visual. Gunakan saat Claude sudah menjadi ruang kerja Anda dan kecepatannya penting. Ketika langkah berikutnya adalah pembuatan Figma, prototipe produk nyata, pembuatan gambar antar agen, atau artefak bersama yang tahan lama, lanjutkan dengan Buddy, Anima Playground, atau AgentGrid.io alih-alih memaksakan Claude Design menjadi keseluruhan tumpukan.</p>
<p>The post <a href="https://animaapp.com/blog/id/ai-design-id/what-is-claude-design-id-2/">Apa itu Claude Design (claude.ai/design)?</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Ulasan Claude Design: Fitur, Kelebihan, Kontra, dan Alternatif Terbaik</title>
		<link>https://animaapp.com/blog/id/ai-design-id/claude-design-review-features-pros-cons-and-best-alternatives-id/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 08:45:00 +0000</pubDate>
				<category><![CDATA[AI Design]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=13580</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 12</span> <span class="rt-label rt-postfix">minutes</span></span>Ulasan Claude Design: jelajahi fitur, pro, kontra, dan alternatif terbaiknya, termasuk Anima Playground, Buddy, Google Stitch, UX Pilot, dan Banani.</p>
<p>The post <a href="https://animaapp.com/blog/id/ai-design-id/claude-design-review-features-pros-cons-and-best-alternatives-id/">Ulasan Claude Design: Fitur, Kelebihan, Kontra, dan Alternatif Terbaik</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 12</span> <span class="rt-label rt-postfix">minutes</span></span><p><strong>Anthropic telah resmi memasuki ruang desain AI dengan Claude Design</strong>, alat baru untuk membuat prototipe, slide, satu halaman, dan konsep visual melalui percakapan. Daripada memulai dari kanvas kosong, pengguna dapat mendeskripsikan apa yang mereka inginkan, menambahkan konteks, dan menyempurnakan hasilnya dengan Claude. Hal ini membuat Claude Design sangat menarik bagi manajer produk, pendiri, pemasar, dan desainer yang perlu berpindah dengan cepat dari ide ke arah visual.</p>
<p>Pada saat yang sama, Claude Design adalah bagian dari perubahan yang lebih luas dalam alat desain AI, di mana tim juga membandingkan alur kerja seperti <a href="https://www.animaapp.com/?utm_content=claude-design-alternatives&amp;utm_campaign=playground&amp;utm_medium=blog&amp;utm_source=content">Anima Playground</a> untuk prototipe dengan ketelitian tinggi dan terhubung dengan kode dan Buddy, itu <a href="https://www.animaapp.com/blog/genai/figma-ai-design-agent/">Agen AI Figma</a> oleh Anima, untuk pekerjaan yang sadar sistem desain langsung di dalam Figma.</p>
<p>Dalam hal ini <strong>Ulasan Claude Design</strong>, kita akan melihat fitur utama, kekuatan, keterbatasan, dan perbandingannya dengan alat desain AI lainnya untuk tim yang peduli dengan kecepatan, konsistensi merek, alur kerja Figma, dan keluaran siap produksi.</p>
<p>Pada 17 April 2026, Anthropic diluncurkan <a href="https://claude.ai/design"><strong>Claude Design</strong></a>, produk baru dari Anthropic Labs yang memungkinkan pengguna membuat karya visual yang sempurna dengan Claude, termasuk desain, prototipe, slide, satu halaman, dan pengalaman interaktif. Alat ini tersedia dalam pratinjau penelitian untuk pelanggan Claude Pro, Max, Team, dan Enterprise.</p>
<p>Sampai saat ini, pekerjaan desain biasanya dilakukan di dalam alat khusus seperti Figma, Canva, dan platform pembuatan prototipe tradisional. Claude Design mengambil rute yang berbeda. Daripada memulai dari kanvas kosong, Anda memulai dengan percakapan.</p>
<p>Anda mendeskripsikan apa yang Anda inginkan, Claude membuat versi pertama, lalu menyempurnakannya melalui obrolan, komentar sebaris, pengeditan langsung, dan kontrol desain. Untuk manajer produk, pendiri, pemasar, dan desainer yang ingin beralih lebih cepat dari ide ke keluaran visual, alur kerjanya mudah dipahami.</p>
<p>Namun seberapa baguskah Claude Design dalam praktiknya? Dan bagaimana cara membandingkannya dengan alternatif seperti Anima, Buddy, Banani, UX Pilot, dan Google Stitch?</p>
<p>Berikut adalah ulasan praktis Claude Design yang mencakup fitur, kekuatan, keterbatasan, dan alternatif terbaiknya.</p>
<h2>Apa itu Claude Design?</h2>
<p><strong>Claude Design</strong> adalah alat desain AI yang dibangun pada Claude. Hal ini memungkinkan pengguna untuk membuat karya visual dengan menggambarkan apa yang mereka inginkan dalam bahasa alami.</p>
<p>Anthropic menggambarkannya sebagai cara untuk berkolaborasi dengan Claude dalam desain, prototipe, slide, one-pager, dan banyak lagi. Ini didukung oleh Claude Opus 4.7, model visi canggih Anthropic, dan saat ini tersedia dalam pratinjau penelitian untuk pengguna Claude Pro, Max, Team, dan Enterprise.</p>
<p>Pengalaman intinya sederhana. Anda membuka Claude Design, menulis prompt, menambahkan konteks yang relevan, dan Claude menghasilkan desain yang berfungsi di kanvas. Dari sana, Anda dapat terus menyempurnakan keluaran melalui percakapan, masukan sebaris, dan pengeditan langsung.</p>
<p>Claude Design sangat berguna bagi orang-orang yang perlu mengubah ide menjadi sesuatu yang visual dengan cepat. Hal ini mencakup manajer produk yang membuat maket fitur, pendiri menyiapkan presentasi singkat, pemasar membangun aset kampanye, dan desainer menjelajahi berbagai arah sebelum berkomitmen pada satu hal.</p>
<h2>Fitur Claude Design</h2>
<h3>1. Pembuatan teks-ke-desain</h3>
<p>Alur kerja utama Claude Design dimulai dengan prompt. Anda mendeskripsikan hal yang ingin Anda buat, dan Claude membuat versi pertama.</p>
<p>Anda dapat memintanya untuk membuat hal-hal seperti:</p>
<ul>
<li>Gambar rangka produk</li>
<li>Layar aplikasi</li>
<li>Halaman arahan</li>
<li>Dek promosi</li>
<li>Satu halaman</li>
<li>Aset pemasaran</li>
<li>Prototipe interaktif</li>
<li>Alat dalam</li>
<li>Visual media sosial</li>
</ul>
<p>Hal ini membuat Claude Design tidak terasa seperti alat desain tradisional dan lebih seperti mitra kreatif. Anda tidak perlu mengetahui cara menyusun file Figma atau membuat dek dari awal. Anda menjelaskan tujuan, penonton, tata letak, dan konten, dan Claude memberi Anda titik awal.</p>
<p>Bukan berarti hasil pertama akan selalu sempurna. Seperti kebanyakan alat desain AI, hasil terkuat biasanya muncul setelah beberapa putaran penyempurnaan.</p>
<h3>2. Pengeditan berbasis obrolan dan komentar sebaris</h3>
<p>Setelah Claude membuat desain, Anda dapat terus menyempurnakannya dengan beberapa cara.</p>
<p>Anda dapat meminta perubahan luas dalam obrolan, seperti “jadikan ini terasa lebih premium” atau “ubah ini menjadi tata letak dasbor”. Anda juga dapat meninggalkan komentar sebaris pada elemen tertentu dan mengedit teks langsung di kanvas. Anthropic juga menyebutkan penggeser khusus dan kontrol penyesuaian yang dapat membantu mengubah jarak, warna, dan tata letak.</p>
<h3>3. Perancangan sistem pendukung</h3>
<p>Claude Design dapat menerapkan sistem desain tim pada proyek baru. Selama orientasi, Claude dapat membaca basis kode dan file desain Anda untuk membangun sistem desain yang mencakup warna, tipografi, dan komponen Anda.</p>
<p>Ini adalah fitur yang berarti bagi perusahaan yang peduli dengan konsistensi merek. Keluaran desain AI generik adalah salah satu masalah terbesar dalam kategori ini. Jika setiap halaman yang dihasilkan AI terlihat seperti template SaaS yang sama, itu tidak terlalu berguna untuk tim sebenarnya.</p>
<p>Meski begitu, ada nuansa penting. Claude Design membangun sistem desainnya dengan membaca file dan basis kode yang ada. Untuk tim yang menganggap Figma sebagai sumber kebenaran, hal ini mungkin tidak terasa langsung seperti alur kerja sistem desain Figma asli.</p>
<h3>4. Beberapa opsi impor</h3>
<p>Claude Design memberi pengguna beberapa cara untuk memberikan konteks. Menurut Anthropic, pengguna dapat memulai dengan perintah teks, mengunggah gambar dan dokumen, menghubungkan basis kode, atau menggunakan alat pengambilan web untuk mengambil elemen dari situs web.</p>
<p>Ini membantu menghindari masalah “kanvas kosong”. Daripada meminta Claude menciptakan semuanya dari awal, Anda bisa memberinya referensi, tangkapan layar, aset yang ada, atau konteks produk.</p>
<p>Semakin banyak konteks yang Anda berikan, kemungkinan besar hasilnya akan semakin baik.</p>
<h3>5. Kolaborasi dan berbagi</h3>
<p>Claude Design mendukung berbagi dalam lingkup organisasi. Anda dapat merahasiakan desain, membagikannya dengan siapa pun di organisasi Anda melalui tautan, atau mengizinkan rekan kerja untuk mengedit dan berkolaborasi. Anthropic mengatakan kolaborator dapat memodifikasi desain dan mengobrol bersama Claude.</p>
<p>Ini sangat berguna bagi tim produk. Seorang PM dapat membuat prototipe awal, membaginya dengan desainer atau insinyur, dan terus menyempurnakan ide tersebut sebelum menulis spesifikasi lengkap atau membuka tugas pengembangan.</p>
<h3>6. Opsi ekspor</h3>
<p>Claude Design mendukung beberapa jalur ekspor. Anda dapat membagikan desain sebagai URL internal, menyimpannya sebagai folder, atau mengekspornya ke file Canva, PDF, PPTX, atau HTML mandiri. Anthropic juga menyoroti aliran handoff ke Claude Code, di mana Claude mengemas desain ke dalam sebuah bundel yang dapat diteruskan ke Claude Code untuk implementasi.</p>
<p>Salah satu batasan penting adalah Claude Design tidak menawarkan ekspor langsung ke Figma. Hal ini penting karena banyak tim masih mengandalkan Figma untuk penyempurnaan desain akhir, manajemen sistem desain, kolaborasi, dan serah terima.</p>
<p>Ada beberapa solusi, termasuk menggunakan Buddy oleh Anima untuk menghadirkan keluaran HTML Claude Design ke Figma, namun Claude Design sendiri tidak menyediakan ekspor Figma asli.</p>
<img decoding="async" alt="" class="alignnone size-medium wp-image-11839" height="138" src="https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features-300x138.png" width="300" srcset="https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features-300x138.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features-1024x470.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features-768x353.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features-1536x705.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-Features.png 1917w" sizes="(max-width: 300px) 100vw, 300px" />
<h2>Kelebihan dan Kekurangan Claude Design</h2>
<h3>Apa yang Claude Design lakukan dengan baik</h3>
<p>Claude Design paling kuat jika kecepatan penting. Ini membantu pengguna berpindah dari ide ke artefak visual dengan cepat. Hal ini bermanfaat bagi PM, pendiri, pemasar, dan desainer yang ingin menjelajahi lebih banyak arah tanpa menghabiskan waktu berjam-jam menyiapkan file.</p>
<p>Dukungan sistem desainnya juga menjanjikan. Jika Claude dapat memahami merek, komponen, dan pola produk Anda, hasilnya akan lebih berguna dibandingkan mockup AI generik.</p>
<p>Penyerahan ke Claude Code adalah manfaat besar lainnya. Untuk tim yang sudah menggunakan Claude Code, alur kerja mulai dari ide hingga prototipe hingga implementasi terasa lebih terhubung dibandingkan menggunakan alat terpisah untuk setiap langkah.</p>
<h3>Dimana Claude Design masih terbatas</h3>
<p>Claude Design masih dalam pratinjau penelitian, jadi tim akan menghadapi beberapa sisi buruk.</p>
<p>Batasan terbesar adalah kontrol. Claude Design sangat bagus untuk inspirasi, eksplorasi, dan pengujian cepat ke berbagai arah, namun tidak selalu tempat pekerjaan desain akhir dilakukan. Penyempurnaan akhir, keputusan tata letak mendetail, pembersihan sistem desain, dan serah terima produksi sering kali masih memerlukan alat seperti Figma.</p>
<p>Hal ini menjadi lebih penting karena Claude Design saat ini tidak menawarkan ekspor langsung ke Figma. Untuk tim yang menggunakan Figma sebagai sumber kebenarannya, hal itu bisa menjadi penghalang nyata. Anda masih dapat mengekspor HTML atau menggunakan Kode Claude, tetapi jika tujuannya adalah untuk terus mengedit hasil di dalam Figma, Anda memerlukan langkah ekstra.</p>
<p>Ada cara untuk menjembatani kesenjangan tersebut, namun cara tersebut bergantung pada alat lain. Misalnya, Buddy oleh Anima dapat membantu tim mengembalikan keluaran Claude Design ke Figma, sehingga memungkinkan untuk melanjutkan proses desain di tempat di mana banyak tim sudah mengelola komponen, tata letak, dan penyempurnaan akhir mereka.</p>
<p>Keterbatasan kedua adalah kesesuaian ekosistem. Claude Design paling kuat ketika tim Anda sudah bekerja di dalam ekosistem Claude. Jika desainer Anda tinggal di Figma dan pengembang Anda menggunakan agen pengkodean lain, Anda mungkin lebih memilih alat yang terhubung lebih langsung ke alur kerja tersebut.</p>
<p>Terakhir, visual yang dihasilkan AI masih terasa generik tanpa konteks yang kuat. Claude Design menyempurnakannya dengan dukungan sistem desain, namun kualitasnya tetap sangat bergantung pada masukan yang Anda berikan.</p>
<img decoding="async" alt="" class="alignnone size-medium wp-image-11840" height="136" src="https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result-300x136.png" width="300" srcset="https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result-300x136.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result-1024x465.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result-768x349.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result-1536x698.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/05/Claude-Design-result.png 1920w" sizes="(max-width: 300px) 100vw, 300px" />
<h2>Alternatif Claude Design Terbaik</h2>
<p>Claude Design adalah opsi baru yang kuat, namun ini bukan satu-satunya alat desain AI yang patut dipertimbangkan. Alternatif terbaik bergantung pada alur kerja Anda, tim Anda, dan seberapa dekat Anda memerlukan keluaran dengan kode produk sebenarnya.</p>
<h3>1. <a href="https://www.animaapp.com/?utm_content=claude-design-alternatives&amp;utm_campaign=playground&amp;utm_medium=blog&amp;utm_source=content">Anima Playground</a></h3>
<p><strong>Terbaik untuk:</strong> Tim produk yang menginginkan prototipe yang sadar merek dan keluaran yang siap kode.</p>
<p>Anima Playground adalah lingkungan pengkodean getaran pertama yang dirancang untuk menciptakan prototipe sesuai merek dengan ketelitian tinggi. Jika Claude Design berada di dalam ekosistem Claude, Anima berfokus membantu tim menciptakan pengalaman produk yang terlihat dan berperilaku seperti produk sebenarnya.</p>
<h2 style="text-align: center;">Coba Mendesain dengan AI</h2>
<p style="text-align: center;">Anima membuat situs web, aplikasi, dan desain UX langsung, coba di sini –</p>
<div style="width: 100%; display: flex; justify-content: center; font-family: Mulish, Arial, sans-serif; margin: 18px 0 24px;">
<form action="https://dev.animaapp.com/" method="GET" style="box-sizing: border-box; width: 100%; max-width: 500px; padding: 10px; border-radius: 12px; border: 1px solid transparent; display: flex; align-items: center; gap: 10px; background: linear-gradient(270deg, #232323 0%, #2d2d2d 100%) padding-box, linear-gradient(183deg, rgba(255, 255, 255, 0.4), rgba(109, 84, 207, 1) 50%) border-box; background-clip: padding-box, border-box; box-shadow: 0 2px 10px rgba(109, 84, 207, 0.4); backdrop-filter: blur(7px);"><input name="platform" type="hidden" value="dev-anima"/> <input name="passOnBoarding" type="hidden" value="true"/> <input name="autoSubmit" type="hidden" value="true"/> <input name="utm_content" type="hidden" value="claude-design-alternatives-promptbox"/> <input name="utm_campaign" type="hidden" value="p2c"/> <input name="utm_medium" type="hidden" value="blog"/> <input name="utm_source" type="hidden" value="content"/> <input name="homepagePrompt" placeholder="Apa yang ingin Anda desain hari ini?" style="flex: 1; min-width: 0; height: 40px; padding: 0 6px; background: transparent; border: none; outline: none; color: white; font-family: Mulish, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 40px; box-sizing: border-box;" type="text"/> <button aria-label="Kirim" id="anima-figma-arrow-button" style="display: flex; flex: 0 0 40px; width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0; margin: 0; border: 1px solid #5c61e3; background: linear-gradient(135deg, rgba(51, 102, 255, 0.8) 0%, rgba(109, 84, 207, 0.8) 37%); box-sizing: border-box; border-radius: 8px; cursor: pointer; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.1); appearance: none; -webkit-appearance: none;" type="submit"> <img decoding="async" alt="" height="16" src="https://c.animaapp.com/4K6SONAa/img/icon.svg" style="display: block; margin: 0; padding: 0; height: 14px;" width="16"/> </button></form>
</div>
<p>Keuntungan utama Anima adalah memungkinkan tim memulai dari konteks produk nyata, tidak hanya dari perintah kosong. Anda dapat membuat dari teks, mengimpor desain Figma dan mengubahnya menjadi prototipe React yang berfungsi, mengkloning situs web yang sudah ada, atau mengekstrak merek dari URL aktif dan menggunakannya untuk mendesain halaman atau fitur baru. Dengan dukungan sistem desain Figma, tim juga dapat membangun dengan komponen aslinya alih-alih membuat antarmuka AI umum lainnya.</p>
<p>Perbedaan penting lainnya adalah prototipe Anima dapat berperilaku lebih seperti aplikasi nyata, bukan sekadar maket visual. Tim dapat menambahkan data nyata dan menghubungkan alur prototipe ke database, sehingga memudahkan pengujian pengalaman produk yang bergantung pada input pengguna, informasi yang disimpan, dasbor, atau konten dinamis.</p>
<p>Anima juga menciptakan alur kerja yang lebih melingkar antara desain, pembuatan prototipe, dan pengembangan. Tim dapat memulai di Figma, membawa desain ke Anima, membuat prototipe yang berfungsi, lalu menyalin desain yang dihasilkan kembali ke Figma untuk penyempurnaan akhir dan serah terima desainer.</p>
<p>Dari sana, tim dapat melanjutkan produksi dengan mengunduh kode yang dihasilkan, membagikannya dengan pengembang, atau menggunakan MCP untuk terus bekerja di agen pengkodean dan alat pengembangan. Hal ini membuat Anima berguna tidak hanya untuk eksplorasi cepat, namun juga untuk alur kerja end-to-end yang menghubungkan Figma, mengerjakan prototipe React, dan pengembangan nyata.</p>
<p>Gunakan Anima Playground jika prioritas Anda tidak hanya menghasilkan visual cepat, namun menciptakan prototipe kerja yang terasa cukup nyata untuk menyelaraskan pemangku kepentingan, menguji ide produk, menyempurnakan desain di Figma, dan mendekati produksi.</p>
<img decoding="async" alt="" class="alignnone size-medium wp-image-11842" height="135" src="https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground-300x135.png" width="300" srcset="https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground-300x135.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground-1024x460.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground-768x345.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground-1536x690.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/05/Anima-Playground.png 1920w" sizes="(max-width: 300px) 100vw, 300px" />
<p> rocket-chatgpt-agentgrid-alternative:mulai </p>
<h3>2. ChatGPT + AgenGrid.io</h3>
<p><strong>Terbaik untuk:</strong> Pengguna ChatGPT yang menginginkan alternatif Claude Design untuk membuat, mengulangi, melihat pratinjau, dan berbagi artefak desain HTML.</p>
<p>ChatGPT dapat mendesain dan membuat prototipe di HTML, dengan pembuatan gambar bawaan. Dalam banyak hal, hal ini menjadikannya agen desain yang lebih kuat daripada Claude, terutama ketika sebuah konsep memerlukan visual orisinal.</p>
<p>Yang kurang dari ChatGPT adalah tempat yang tahan lama untuk berbagi, berkolaborasi, dan membuat versi desain tersebut. <a href="https://agentgrid.io/">AgenGrid.io</a> mengisi kesenjangan itu. Hubungkan ChatGPT melalui <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268">Plugin AgenGrid</a>, lalu beri tahu apa yang harus dirancang dan minta untuk menampilkan hasilnya di AgentGrid.io.</p>
<p>Kolaborasi sudah ada. Beberapa agen ChatGPT, ditambah Claude, Grok, dan agen terhubung lainnya, dapat bekerja pada artefak yang sama. File desain tetap berada di folder tim yang aman, sementara riwayat versi lengkap melacak setiap perubahan, seperti Figma atau Google Dokumen.</p>
<p>Saat desain sudah siap, minta agen untuk mempublikasikannya sebagai prototipe publik layar penuh, situs web, atau aplikasi. Rekan satu tim juga dapat berkomentar dan menyebut orang atau agen secara langsung pada desain. Misalnya: <em>“GPT @Mo, tambahkan latar belakang shader animasi berwarna-warni.”</em> Itu mengarahkan agen ke lapisan kanan.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="ChatGPT membuat dan mengulangi desain HTML yang dibagikan di AgentGrid.io dengan riwayat versi" class="wp-image-16336" height="974" src="https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration.jpg" width="1840" srcset="https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration.jpg 1840w, https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration-300x159.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration-1024x542.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration-768x407.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/09/chatgpt-agentgrid-html-design-collaboration-1536x813.jpg 1536w" sizes="(max-width: 1840px) 100vw, 1840px" /><figcaption>ChatGPT membuat desain sementara AgentGrid.io menjaga artefak HTML tetap dibagikan, kolaboratif, dan dibuat versinya.</figcaption></figure>
<p>Untuk pengguna ChatGPT, ini adalah <a href="https://agentgrid.io/">alternatif Claude Design terbaik</a>: desain berkemampuan gambar, artefak bersama, kolaborasi, riwayat versi, dan penerbitan dalam satu alur kerja.</p>
<p> rocket-chatgpt-agentgrid-alternative:end </p>
<h3>3. Buddy oleh Anima &#8211; <a href="https://www.animaapp.com/an?url=https%3A%2F%2Fwww.figma.com%2Fcommunity%2Fplugin%2F1616481120325792817%2Fbuddy-figma-design-agent-ux-ai-co-pilot-ux-assistant-ai-chat-god-mode-wireframe-generator&amp;utm_content=claude-design-alternatives&amp;utm_campaign=agentic&amp;utm_medium=blog&amp;utm_source=content">Figma AI Agent</a></h3>
<p><strong>Terbaik untuk:</strong> Tim yang menginginkan agen desain AI di dalam Figma.</p>
<p>Buddy adalah agen desain AI Anima yang hidup langsung di dalam Figma. Ini adalah keuntungan terbesarnya dibandingkan Claude Design: Anda tidak perlu memindahkan pekerjaan Anda ke ruang kerja AI terpisah atau mengekspornya kembali ke Figma nanti. Anda memulai di Figma, membuat dan mengedit node Figma asli, dan terus bekerja di lingkungan yang sama tempat tim Anda sudah mendesain.</p>
<p>Buddy juga dapat menghasilkan desain menggunakan sistem desain Figma Anda yang sebenarnya. Itu dapat menggunakan kembali komponen, variabel, dan gaya yang ada. Untuk tim yang sudah mengelola sistem desain mereka di Figma, ini adalah perbedaan besar.</p>
<p>Selain menghasilkan layar, Buddy bertindak lebih seperti agen AI yang fleksibel untuk kanvas Figma. Anda dapat memintanya untuk membuat variasi, menerapkan komponen, mengatur bingkai yang berantakan, membersihkan node, menghapus elemen, atau menyusun ulang tata letak. Dalam hal ini, Buddy bukan hanya generator desain. Ini adalah asisten AI untuk bekerja lebih cepat di dalam Figma itu sendiri.</p>
<p>Buddy juga dapat membantu mengatasi salah satu kesenjangan alur kerja terbesar Claude Design: kurangnya ekspor asli Figma. Jika tim membuat konsep di Claude Design dan ingin terus menyempurnakannya di Figma, mereka dapat menyalin output HTML dari Claude Design, menempelkannya ke Buddy, dan mengonversinya menjadi node Figma yang dapat diedit. Hal ini memberi tim jalur praktis dari eksplorasi Claude Design kembali ke alur kerja Figma mereka. <a href="https://www.animaapp.com/blog/genai/how-to-go-from-claude-design-to-figma/">Baca ini untuk mempelajari lebih lanjut.</a></p>
<img decoding="async" alt="" class="alignnone size-medium wp-image-11841" height="166" src="https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-300x166.png" width="300" srcset="https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-300x166.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-1024x567.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-768x425.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-1536x850.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/05/Buddy-Figma-AI-2048x1134.png 2048w" sizes="(max-width: 300px) 100vw, 300px" />
<h3>4. <a href="https://www.banani.co/">pisang</a></h3>
<p><strong>Terbaik untuk:</strong> Eksplorasi UI cepat dengan ekspor Figma.</p>
<p>Banani adalah alat desain AI UI berbasis kanvas yang menghasilkan UI dari perintah dan referensi gambar. Ini berguna untuk ide cepat, terutama ketika Anda ingin menghasilkan beberapa arah dan kemudian melanjutkan menyempurnakan output di Figma.</p>
<p>Banani lebih fokus dibandingkan Claude Design. Itu tidak mencoba untuk memiliki seluruh alur kerja dari ide visual hingga penyerahan kode. Sebaliknya, ini membantu pengguna dengan cepat membuat konsep UI dan memindahkannya ke alat desain untuk pengeditan lebih lanjut.</p>
<p>Pilih Banani jika tujuan utama Anda adalah eksplorasi desain cepat dan ekspor Figma.</p>
<h3>5. <a href="https://uxpilot.ai/">Percontohan UX</a></h3>
<p><strong>Terbaik untuk:</strong> Penelitian UX, alur, gambar rangka, dan analisis kegunaan.</p>
<p>UX Pilot lebih terstruktur seputar pekerjaan UX daripada pembuatan visual. Ini membantu dengan wireframe, alur pengguna, persona, peta perjalanan, dan analisis kegunaan.</p>
<p>Ini menjadikannya pilihan yang baik bagi tim yang menginginkan bantuan AI di awal proses desain produk. Daripada langsung terjun ke layar yang dipoles, UX Pilot dapat membantu memperjelas perjalanan pengguna, mengidentifikasi masalah kegunaan, dan membentuk struktur pengalaman produk.</p>
<p>Gunakan UX Pilot jika Anda lebih mementingkan perencanaan dan validasi UX daripada keluaran visual dengan ketelitian tinggi.</p>
<h3>6. <a href="https://stitch.withgoogle.com/">Google Jahitan</a></h3>
<p><strong>Terbaik untuk:</strong> Tim yang menginginkan ide UI AI yang cepat dengan alur kerja desain hingga pengembangan asli Google.</p>
<p>Google Stitch adalah alat desain AI UI dari Google Labs yang membantu tim menghasilkan antarmuka web dan seluler dengan fidelitas tinggi dari bahasa alami. Hal ini sangat berguna untuk ide cepat, menjelajahi berbagai arah UI, dan mengubah ide produk awal menjadi konsep visual tanpa memulai dari kanvas kosong.</p>
<p>Dibandingkan dengan Claude Design, Stitch terasa lebih fokus pada desain UI dan eksplorasi antarmuka produk. Pengalaman kanvas terbarunya dibangun berdasarkan “desain getaran”, di mana tim dapat menghadirkan konteks seperti teks, gambar, dan kode, lalu melakukan iterasi di layar dan mengalir di dalam ruang kerja desain asli AI.</p>
<p>Google juga menyoroti dukungan sistem desain melalui DESIGN.md, ekstraksi sistem desain berbasis URL, dan integrasi dengan alat pengembang melalui Stitch MCP dan SDK.</p>
<p>Pilih Google Stitch jika tim Anda menginginkan cara cepat untuk menjelajahi konsep UI dengan ketelitian tinggi, terutama jika Anda sudah bekerja dengan AI dan ekosistem pengembangan Google.</p>
<h2>Siapa yang Harus Menggunakan Claude Design?</h2>
<p>Claude Design cocok untuk orang yang perlu mengkomunikasikan ide secara visual namun tidak ingin memulai dari alat desain tradisional.</p>
<p>Ini sangat berguna untuk:</p>
<ul>
<li>Manajer produk membuat maket fitur cepat</li>
<li>Para pendiri menyiapkan presentasi singkat atau konsep produk</li>
<li>Pemasar membuat visual kampanye atau ide halaman arahan</li>
<li>Desainer menjelajahi berbagai arah visual</li>
<li>Tim sudah menggunakan Claude dan Kode Claude</li>
</ul>
<p>Claude Design layak untuk dicoba jika tim Anda sudah menggunakan Claude dan ingin beralih cepat dari ide ke keluaran visual.</p>
<p>Namun jika alur kerja Anda sangat bergantung pada Figma, sistem desain, atau handoff frontend tingkat produksi, ada baiknya membandingkan Claude Design dengan Anima Playground dan Buddy, agen AI Figma dari Anima.</p>
<p>Claude Design belum tentu merupakan pengganti Figma. Ini lebih baik dipahami sebagai ruang kerja desain AI yang cepat untuk eksplorasi, pembuatan prototipe, dan komunikasi visual.</p>
<h2>Putusan Akhir: Apakah Claude Design Layak?</h2>
<p>Claude Design adalah salah satu alat desain AI baru yang paling menarik karena menghadirkan kreasi visual langsung ke dalam diri Claude.</p>
<p>Kekuatan terbesarnya adalah kecepatan. Anda dapat mendeskripsikan ide, menghasilkan arahan visual, menyempurnakannya, berkolaborasi dengan rekan satu tim, mengekspornya, dan bahkan menyerahkannya ke Claude Code. Hal ini membuatnya sangat berguna bagi tim non-desainer dan lintas fungsi yang perlu bergerak cepat.</p>
<p>Batasan terbesarnya adalah kedalaman. Desainer yang memerlukan kontrol penuh atas komponen, varian, sistem desain, dan alur kerja asli Figma mungkin masih lebih memilih alat yang dibuat berdasarkan lingkungan desain yang ada.</p>
<p>Jadi jawabannya tergantung pada tim Anda.</p>
<p>Jika Anda sudah menggunakan Claude dan menginginkan cara cepat untuk membuat prototipe, slide, dan aset visual, Claude Design layak untuk dicoba.</p>
<p>Jika tim Anda sangat peduli dengan kesetiaan merek, alur kerja Figma, dan sistem desain yang terhubung dengan kode, Anima Playground atau Buddy mungkin lebih cocok.</p>
<p>Apa pun yang terjadi, Claude Design adalah tanda lain bahwa alat desain AI bergerak lebih dari sekadar pembuatan gambar sederhana. Gelombang berikutnya adalah tentang mengubah ide menjadi pengalaman produk yang dapat digunakan, diedit, dan pada akhirnya dapat dibangun.</p>
<h2>Pertanyaan Umum</h2>
<h3>Bisakah Claude Design menggantikan Figma?</h3>
<p>Tidak secara langsung. Claude Design berguna untuk eksplorasi cepat, prototipe, deck, dan komunikasi visual. Figma masih menawarkan alat yang lebih matang untuk pekerjaan desain detail, manajemen komponen, sistem desain, dan pengeditan tingkat piksel.</p>
<h3>Apakah Claude Design mendukung sistem desain?</h3>
<p>Ya. Claude Design dapat membangun dan menerapkan sistem desain tim dengan membaca basis kode dan file desain. Itu dapat menggunakan warna, tipografi, dan komponen secara otomatis di seluruh proyek baru.</p>
<h3>Apa alternatif Claude Design terbaik?</h3>
<p>Alternatif Claude Design terbaik termasuk Anima Playground, Buddy oleh Anima, Banani, UX Pilot, dan Google Stitch. Pilihan yang tepat bergantung pada apakah Anda memerlukan alur kerja asli Figma, dukungan sistem desain, perencanaan UX, atau prototipe siap kode.</p>
<h3>Bisakah saya mengekspor proyek Claude Design ke Figma?</h3>
<p>Claude Design saat ini tidak menawarkan ekspor langsung ke Figma. Ini mendukung opsi ekspor seperti Canva, PDF, PPTX, HTML mandiri, URL internal, dan folder. Jika Anda perlu melanjutkan pengeditan hasil di Figma, salah satu solusinya adalah menyalin HTML dari Claude Design dan menempelkannya ke Buddy oleh Anima, yang dapat mengubah HTML menjadi node Figma yang dapat diedit.</p>
<p>The post <a href="https://animaapp.com/blog/id/ai-design-id/claude-design-review-features-pros-cons-and-best-alternatives-id/">Ulasan Claude Design: Fitur, Kelebihan, Kontra, dan Alternatif Terbaik</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Apa itu Claude Design (claude.ai/design)?</title>
		<link>https://animaapp.com/blog/id/ai-design-id/what-is-claude-design-id/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 08:45:00 +0000</pubDate>
				<category><![CDATA[AI Design]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=16408</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span>Claude Design di claude.ai/design mengubah perintah menjadi prototipe, slide, dan mockup di atas kanvas. Apa itu, cara kerjanya, batasannya, dan kapan selanjutnya menggunakan Anima atau AgentGrid.io.</p>
<p>The post <a href="https://animaapp.com/blog/id/ai-design-id/what-is-claude-design-id/">Apa itu Claude Design (claude.ai/design)?</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span><style id="rocket-claude-design-table-font">.rocket-claude-design-table,.rocket-claude-design-table th,.rocket-claude-design-table td{font-family:Mulish,sans-serif!important}</style>
<p>Claude Design adalah produk desain chat-to-canvas dari Anthropic. Anda mendeskripsikan apa yang Anda inginkan dalam bahasa sederhana, Claude membuat versi pertama di atas kanvas, dan Anda menyempurnakannya melalui obrolan, komentar sebaris, dan pengeditan langsung. Produk hidup di <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a> (juga ditautkan dari halaman produk Claude) dan di sidebar desktop Claude.</p>
<p>Ini bukan Figma, bukan generator gambar umum, dan bukan pembuat frontend produksi penuh dengan sendirinya. Ini adalah ruang kerja desain percakapan untuk prototipe, deck, one-pager, visual pemasaran, dan konsep interaktif, dengan konteks sistem desain opsional dan jalur handoff ke Kode Claude.</p>
<p>Jika Anda mencari “apa itu Claude Design” karena SERP berisik, halaman ini adalah jawaban singkatnya terlebih dahulu, lalu alur kerja praktisnya, lalu di mana Anima dan AgentGrid.io cocok saat Anda membutuhkan kontinuitas Figma atau artefak bersama yang tahan lama.</p>
<p>Untuk pengguna ChatGPT, <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268" rel="noopener" target="_blank">Alternatif Claude Design adalah ChatGPT+AgentGrid.io</a>, menawarkan fitur berbagi, pembuatan versi, kolaborasi, dan penerbitan langsung dari obrolan.</p>
<h2>Jawaban singkat</h2>
<div class="table-wrap">
<table class="rocket-claude-design-table">
<thead>
<tr>
<th>Pertanyaan</th>
<th>Jawaban</th>
</tr>
</thead>
<tbody>
<tr>
<td>Apa itu?</td>
<td>Produk Anthropic Labs untuk membuat karya visual dengan Claude pada kanvas khusus</td>
</tr>
<tr>
<td>Di mana?</td>
<td><a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a> dan bilah samping Desktop Claude</td>
</tr>
<tr>
<td>Siapa yang bisa menggunakannya?</td>
<td>Claude Pro, Max, Team, dan Enterprise (Perusahaan sering kali dinonaktifkan secara default hingga admin mengaktifkannya)</td>
</tr>
<tr>
<td>Model / status</td>
<td>Diluncurkan dalam pratinjau penelitian pada 17 April 2026; kemudian digambarkan sebagai beta. Didukung saat peluncuran oleh Claude Opus 4.7 (model dapat berubah)</td>
</tr>
<tr>
<td>Terbaik untuk</td>
<td>Eksplorasi cepat, mockup PM, deck, konsep pemasaran, penyerahan asli Claude ke Kode Claude</td>
</tr>
<tr>
<td>Bukan pengganti</td>
<td>Pekerjaan sistem desain Figma yang mendalam, kerajinan tingkat piksel, atau kolaborasi artefak multi-agen di luar Claude</td>
</tr>
</tbody>
</table>
</div>
<p>Postingan peluncuran Anthropic membingkai masalahnya dengan jelas: desainer menjatah eksplorasi karena jarang ada waktu untuk banyak arah, dan non-desainer kesulitan mengubah ide menjadi sesuatu yang dapat dibagikan. Claude Design adalah jawaban mereka untuk keduanya.</p>
<h2>Bagaimana Claude Design bekerja</h2>
<p>Claude Design membagi layar: chat di sebelah kiri, kanvas di sebelah kanan. Pusat bantuan Anthropic mendeskripsikan loop sebagai:</p>
<ol>
<li>Buat proyek  </li>
<li>Lampirkan atau impor sistem desain jika Anda memilikinya  </li>
<li>Tambahkan konteks (tangkapan layar, dokumen, basis kode)  </li>
<li>Jelaskan apa yang Anda inginkan  </li>
<li>Tinjau hasil kanvas  </li>
<li>Sempurnakan dengan obrolan, komentar sebaris, atau pengeditan kanvas langsung  </li>
<li>Ekspor atau bagikan  </li>
</ol>
<p>Panduan Anthropic berguna di sini: generasi pertama adalah titik awal. Nilainya adalah iterasi.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Ikhtisar fitur Claude Design (aset blog Anima)" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Claude-Design-Features.png"/><figcaption>Ikhtisar fitur Claude Design (aset blog Anima)</figcaption></figure>
<h3>Apa yang bisa Anda buat</h3>
<p>Output umum yang dipanggil oleh Anthropic dan dokumen bantuan:</p>
<ul>
<li>Gambar rangka produk dan layar aplikasi  </li>
<li>Halaman arahan dan jaminan pemasaran  </li>
<li>Pitch deck dan presentasi  </li>
<li>Prototipe interaktif  </li>
<li>Satu halaman dan visual sosial  </li>
<li>Prototipe perbatasan yang didukung kode (suara, video, shader, 3D, AI bawaan), jika jalur tersebut didukung  </li>
</ul>
<h3>Sistem desain dan merek</h3>
<p>Claude Design dapat mengimpor sistem desain dari GitHub, file desain, unggahan, atau basis kode lokal (termasuk melalui <code>/design-sync</code> dari Kode Claude). Claude seharusnya dibuat dengan komponen Anda dan memeriksa keluaran terhadap sistem sebelum Anda melihatnya. Admin tim dan Perusahaan dapat mengunci sistem standar.</p>
<p>Hal ini penting karena AI UI generik adalah mode kegagalan default dalam kategori ini. Konteks merek adalah perbedaan antara demo dan sesuatu yang dapat diulas oleh PM.</p>
<h3>Ekspor dan serah terima</h3>
<p>Tujuan ekspor dan pengiriman yang terdokumentasi mencakup PDF, PPTX, HTML mandiri, zip/folder, Canva, dan konektor seperti Adobe, Gamma, Lovable, Miro, Replit, Vercel, dan Wix (daftar berubah; periksa kembali dokumen saat ini sebelum Anda menjanjikan konektor).</p>
<p>Jalur pembangunan asli Claude diserahkan ke Kode Claude: kemas desain dan lanjutkan dari proyek kerja alih-alih membuat ulang dari tangkapan layar.</p>
<p><strong>Kesenjangan alur kerja yang penting bagi banyak tim desain:</strong> Claude Design tidak menawarkan ekspor Figma asli. Jika Figma adalah sumber kebenaran Anda, Anda memerlukan jembatan tambahan.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Contoh visual hasil Claude Design (aset blog Anima)" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Claude-Design-result.png"/><figcaption>Contoh visual hasil Claude Design (aset blog Anima)</figcaption></figure>
<h2>Apa yang orang katakan tentang hal itu</h2>
<p>Reaksi publik dari X (diambil tanpa login dari masing-masing postingan URL) dan halaman Anthropic sendiri.</p>
<h3>Dari X</h3>
<figure class="wp-block-image size-full"><img decoding="async" alt="Pos peluncuran Claude (@claudeai), 17 April 2026" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-01-claudeai-launch-cropped.jpg"/><figcaption>Pos peluncuran Claude (@claudeai), 17 April 2026</figcaption></figure>
<blockquote><p>Memperkenalkan Claude Design oleh Anthropic Labs: membuat prototipe, slide, dan one-pager dengan berbicara dengan Claude. Didukung oleh Claude Opus 4.7, model vision kami yang paling mumpuni. Tersedia dalam pratinjau penelitian pada paket Pro, Max, Team, dan Enterprise, yang diluncurkan sepanjang hari.<br />
&#8211; Claude (@claudeai), 17 April 2026 · <a href="https://x.com/claudeai/status/2045156267690213649" rel="noopener" target="_blank">posting</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design tetap mengikuti pembaruan merek, 17 Juni 2026" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-02-claudeai-on-brand-cropped.jpg"/><figcaption>Claude Design tetap mengikuti pembaruan merek, 17 Juni 2026</figcaption></figure>
<blockquote><p>Baru di Claude Design: tetap sesuai merek dengan sistem desain Anda di seluruh proyek, memungkinkan Anda mengedit langsung di kanvas, menyinkronkan dengan Kode Claude, dan terhubung ke lebih banyak alat yang sudah Anda gunakan.<br />
&#8211; Claude (@claudeai), 17 Juni 2026 · <a href="https://x.com/claudeai/status/2067325887909884315" rel="noopener" target="_blank">posting</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Utas tip Ryan Mather untuk Claude Design" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-03-flomerboy-tips-cropped.jpg"/><figcaption>Utas tip Ryan Mather untuk Claude Design</figcaption></figure>
<blockquote><p>Kiat saya untuk mendapatkan hasil terbaik dari Claude Design! Saya berada di tim vertikal di Anthropic yang berarti saya melayani 7 produk berbeda. Claude Design memungkinkannya! 1. Siapkan sistem desain dan layar inti Anda. Satu jam pengaturan dan penyempurnaan di sini sangat berharga<br />
&#8211; Ryan Mather (@Flomerboy), 17 April 2026 · <a href="https://x.com/Flomerboy/status/2045162321589252458" rel="noopener" target="_blank">posting</a></p></blockquote>
<figure class="wp-block-image size-full"><img decoding="async" alt="Reaksi awal Sachin Rekhi terhadap Claude Design" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/x-04-sachinrekhi-cropped.jpg"/><figcaption>Reaksi awal Sachin Rekhi terhadap Claude Design</figcaption></figure>
<blockquote><p>Beberapa reaksi awal terhadap peluncuran Claude Design: … Tidak ada produk yang dibangun di atas LLM yang aman dari persaingan langsung dari Anthropic itu sendiri: Saya sedang melihat semua alat pembuatan prototipe yang ada… Bahkan pemain lama yang bersejarah seperti Figma harus mulai bertanya-tanya apakah mereka akan menggunakan AI dengan cukup asli…<br />
&#8211; Sachin Rekhi (@sachinrekhi), 17 April 2026 · <a href="https://x.com/sachinrekhi/status/2045193851502317852" rel="noopener" target="_blank">posting</a></p></blockquote>
<h3>Dari Anthropic / mitra</h3>
<p>Kutipan ini berasal dari halaman publik Anthropic (pernyataan pelanggan dan mitra dipublikasikan bersama produk). Perlakukan mereka sebagai testimonial yang dihosting vendor, bukan ulasan independen.</p>
<blockquote><p>“Desain Claude memberi saya kecerdasan model terdepan dengan fungsionalitas &amp; kemampuan alat desain yang teruji &amp; benar. Kapan pun saya mengerjakan arahan desain untuk situs Tenex, aset merek baru, atau presentasi, Claude Design adalah tempat pertama yang saya tuju. … Dan kemudian peralihan antara Kode Claude Design dan Claude membuat proses prototipe hingga produksi menjadi lancar.”  <br />
&#8211; Alex Lieberman, Salah Satu Pendiri, Morning Brew &amp; Tenex (<a href="https://claude.com/blog/claude-design-stays-on-brand-for-daily-work" rel="noopener" target="_blank">blog Claude</a>)</p></blockquote>
<p>Dari postingan peluncuran Anthropic, tim produk menekankan kecepatan dan kesesuaian merek:</p>
<blockquote><p>“Kami telah beralih dari ide kasar menjadi prototipe yang berfungsi sebelum ada yang meninggalkan ruangan, dan hasilnya tetap sesuai dengan pedoman merek dan desain kami.”  <br />
&#8211; dikutip pada <a href="https://www.anthropic.com/news/claude-design-anthropic-labs" rel="noopener" target="_blank">Peluncuran Claude Design Anthropic</a></p></blockquote>
<p>Anthropic juga melaporkan bahwa lebih dari satu juta orang menggunakan Claude Design pada minggu pertama (<a href="https://claude.com/blog/claude-design-stays-on-brand-for-daily-work" rel="noopener" target="_blank">Pembaruan produk 17 Juni 2026</a>). Itu adalah klaim penggunaan dari Anthropic, bukan audit pihak ketiga.</p>
<h2>Dimana Claude Design cocok (dan di mana berhentinya)</h2>
<h3>Cocok kuat</h3>
<ul>
<li>Anda sudah tinggal di Kode Claude dan Claude  </li>
<li>Anda membutuhkan visual dalam pertemuan yang sama, bukan minggu depan  </li>
<li>Seorang PM atau pendiri memerlukan mockup atau deck sebelum kapasitas desain terbuka  </li>
<li>Anda ingin berbagi cakupan organisasi di dalam Claude  </li>
</ul>
<h3>Kecocokan lemah (hari ini)</h3>
<ul>
<li>Desainer Anda memerlukan komponen, varian, dan kebersihan file Figma asli  </li>
<li>Anda memerlukan kolaborasi multi-model pada artefak tahan lama yang sama (Claude + ChatGPT + agen pengkodean + editor manusia)  </li>
<li>Anda memerlukan situs web publik dengan domain khusus, riwayat versi di seluruh agen, atau kontrol publikasi bergaya AgentGrid  </li>
<li>Anda memerlukan pengeditan multipemain yang andal (Anthropic masih memerlukan pengeditan dasar multi-orang secara simultan)</li>
</ul>
<p>Bersikap adil: Claude Design sangat baik dalam percakapan-ke-kanvas. Itu tidak mencoba menjadi setiap alat desain.</p>
<h2>Alur kerja praktis setelah Claude Design</h2>
<p>Berikut adalah jalur end-to-end yang berguna bagi tim yang peduli dengan merek, Figma, dan UI produk yang dapat dikirim.</p>
<h3>1. Jelajahi di Claude Design</h3>
<p>Mulai pada <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a>. Prompt untuk 2-3 arah. Lampirkan tangkapan layar atau sistem desain. Ulangi sampai ceritanya jelas.</p>
<h3>2. Lanjutkan di Figma jika kerajinan itu penting</h3>
<p>Jika pemilik berikutnya adalah seorang desainer, pindahkan konsepnya ke Figma. Buddy Anima dapat mengubah Claude Design HTML menjadi lapisan Figma yang dapat diedit sehingga Anda tidak terjebak di luar sistem desain. Panduan: <a href="https://www.animaapp.com/blog/genai/how-to-go-from-claude-design-to-figma/" rel="noopener" target="_blank">Bagaimana cara beralih dari Claude Design ke Figma</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Claude Design hingga Figma dengan Anima Buddy" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Anima-claude-design-figma-cover.jpg"/><figcaption>Claude Design hingga Figma dengan Anima Buddy</figcaption></figure>
<h3>3. Bangun prototipe yang berfungsi di Anima Playground</h3>
<p>Saat Anda memerlukan prototipe HTML/React milik merek yang dapat diedit (tidak hanya mockup kanvas), lanjutkan di <a href="https://www.animaapp.com/" rel="noopener" target="_blank">Anima Playground</a>. Mulai dari prompt, Figma, gambar, atau URL. Jaga agar Playground, Buddy, dan Figma tetap berbeda dengan kodenya. Taman bermain adalah permukaan aplikasi/prototipe browser. Buddy adalah agen AI Figma.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Anima Playground" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/Anima-Playground.png"/><figcaption>Anima Playground</figcaption></figure>
<h3>4. Mengisi celah yang tidak dimiliki Claude Design sendiri</h3>
<p>Contoh: Claude Design lemah dalam menghasilkan gambar pemasaran untuk halaman yang dibuatnya. Tim dapat meletakkan desain di AgentGrid.io dan membiarkan ChatGPT menghasilkan gambar ke dalam artefak yang sama. Panduan: <a href="https://www.animaapp.com/blog/genai/generate-images-for-claude-design-with-chatgpt/" rel="noopener" target="_blank">Hasilkan gambar untuk Claude Design dengan ChatGPT</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Hasilkan gambar untuk Claude Design dengan ChatGPT melalui AgentGrid.io" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-design-generate-images-chatgpt-cover-1.jpg"/><figcaption>Hasilkan gambar untuk Claude Design dengan ChatGPT melalui AgentGrid.io</figcaption></figure>
<h3>5. Publikasikan atau bagikan artefak tahan lama di AgentGrid.io</h3>
<p>Jika hasilnya harus keluar dari satu obrolan, bertahan dalam riwayat versi, dan tetap dapat diedit oleh orang dan agen lain, pindahkan ke <a href="https://agentgrid.io/" rel="noopener" target="_blank">AgenGrid.io</a>. Itu adalah ruang kerja bersama untuk artefak langsung (dokumen, aplikasi, desain), bukan kanvas desain kedua. Panduan: <a href="https://www.animaapp.com/blog/agentic/publish-claude-design-website-agentgrid/" rel="noopener" target="_blank">Publikasikan situs web Claude Design dengan AgentGrid.io</a>.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Publikasikan Claude Design melalui AgentGrid.io" loading="lazy" src="https://animaapp.com/blog/wp-content/uploads/2026/09/claude-design-publish-website-agentgrid-1.jpg"/><figcaption>Publikasikan Claude Design melalui AgentGrid.io</figcaption></figure>
<h2>Claude Design vs alat terdekat (peta cepat)</h2>
<div class="table-wrap">
<table class="rocket-claude-design-table">
<thead>
<tr>
<th>Kebutuhan</th>
<th>Mulai di sini</th>
</tr>
</thead>
<tbody>
<tr>
<td>Obrolan ke kanvas di dalam Claude</td>
<td>Claude Design</td>
</tr>
<tr>
<td>Sistem desain bekerja di dalam Figma</td>
<td>Buddy oleh Anima</td>
</tr>
<tr>
<td>Prototipe HTML/React langsung yang sadar merek</td>
<td>Anima Playground</td>
</tr>
<tr>
<td>Artefak multi-agen yang tahan lama + publikasi</td>
<td>AgenGrid.io</td>
</tr>
<tr>
<td>Artefak penelitian UX yang mendalam</td>
<td>Alat UX khusus (misalnya UX Pilot)</td>
</tr>
<tr>
<td>Ide UI asli Google</td>
<td>Google Jahitan</td>
</tr>
</tbody>
</table>
</div>
<p>Untuk perbandingan yang lebih panjang, lihat Anima <a href="https://www.animaapp.com/blog/ai-design-en/claude-design-review-features-pros-cons-and-best-alternatives/" rel="noopener" target="_blank">Ulasan Claude Design</a>. Halaman “apa adanya” ini sengaja dibuat bersifat definisi sehingga tidak mencopot ulasan tersebut.</p>
<h2>Pertanyaan Umum</h2>
<h3>Apakah Claude Design sama dengan Artefak Claude?</h3>
<p>Artefak adalah keluaran di samping obrolan Claude (seringkali berupa dokumen, HTML, atau kode). Claude Design adalah produk desain khusus dengan kanvasnya sendiri, model proyek, dan alur ekspor/serah terima di claude.ai/design.</p>
<h3>Apakah Claude Design gratis?</h3>
<p>Ini disertakan dengan langganan Claude Pro, Max, Team, dan Enterprise dan diperhitungkan dalam batas penggunaan paket (Anthropic sebelumnya memiliki tunjangan Desain mingguan terpisah; dokumen bantuan saat ini mengatakan Desain sekarang membagikan kumpulan paket). Perusahaan biasanya tidak aktif hingga admin mengaktifkannya. Periksa kembali <a href="https://support.claude.com/en/articles/14604416-get-started-with-claude-design" rel="noopener" target="_blank">Harga dan bantuan Anthropic</a> sebelum menerbitkan klaim rencana.</p>
<h3>Bisakah Claude Design menggantikan Figma?</h3>
<p>Bukan sebagai pengganti penuh bagi sebagian besar organisasi desain produk. Ini kuat untuk kecepatan dan eksplorasi. Figma tetap lebih kuat untuk sistem komponen, varian, dan operasi file desain. Gunakan Buddy saat Anda memerlukan langkah AI di dalam Figma.</p>
<h3>Bagaimana cara membuka Claude Design?</h3>
<p>Pergi ke <a href="https://claude.ai/design" rel="noopener" target="_blank">claude.ai/design</a>, atau buka dari sidebar desktop Claude. Pemasaran produk resmi juga menunjukkan <a href="https://claude.com/product/design" rel="noopener" target="_blank">claude.com/product/design</a>.</p>
<h2>Intinya</h2>
<p>Claude Design adalah jawaban Anthropic untuk “deskripsikan, lihat, sempurnakan” untuk karya visual. Gunakan saat Claude sudah menjadi ruang kerja Anda dan kecepatannya penting. Ketika langkah berikutnya adalah pembuatan Figma, prototipe produk nyata, pembuatan gambar antar agen, atau artefak bersama yang tahan lama, lanjutkan dengan Buddy, Anima Playground, atau AgentGrid.io alih-alih memaksakan Claude Design menjadi keseluruhan tumpukan.</p>
<p>The post <a href="https://animaapp.com/blog/id/ai-design-id/what-is-claude-design-id/">Apa itu Claude Design (claude.ai/design)?</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bagaimana cara berbagi file antara Claude dan ChatGPT?</title>
		<link>https://animaapp.com/blog/id/agentic-id/share-file-between-claude-and-chatgpt-id/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Thu, 03 Sep 2026 11:55:33 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/uncategorized-id/share-file-between-claude-and-chatgpt-id/</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span>Pengunduhan dan pengunggahan ulang berfungsi untuk satu kali penyerahan. Jika kedua asisten terus mengedit file yang sama, Anda memerlukan lokasi bersama: penyimpanan cloud, atau workspace yang terhubung langsung dengan kedua agen</p>
<p>The post <a href="https://animaapp.com/blog/id/agentic-id/share-file-between-claude-and-chatgpt-id/">Bagaimana cara berbagi file antara Claude dan ChatGPT?</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 6</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<p>Cara tercepat untuk berbagi file antara Claude dan ChatGPT adalah mengunduhnya dari satu file dan mengunggahnya ke yang lain. Itu berhasil, dibutuhkan waktu sekitar tiga puluh detik, dan itulah yang dilakukan kebanyakan orang.</p>
<p>Itu juga berhenti bekerja saat Anda perlu melakukannya dua kali.</p>
<p>Jika Anda memindahkan file bolak-balik sementara kedua asisten terus mengeditnya, loop unduh dan unggah ulang mulai menghasilkan salinan, bukan kemajuan. Panduan ini mencakup tiga cara untuk berbagi file antara Claude dan ChatGPT, kapan masing-masing file ditahan, dan di mana masing-masing file rusak.</p>
<h2>Jawaban cepatnya</h2>
<p><strong>Dari Claude hingga ChatGPT:</strong></p>
<ol>
<li>Unduh file dari Claude. Untuk artifact, gunakan opsi unduh atau salin di panel artifact. Untuk file yang dibuat oleh asisten, gunakan tautan unduhan dalam pesan.</li>
<li>Buka ChatGPT dan lampirkan file menggunakan penjepit kertas atau tombol plus.</li>
<li>Katakan apa yang ingin Anda lakukan dengannya.</li>
</ol>
<p><strong>Dari ChatGPT hingga Claude:</strong> tiga langkah yang sama secara terbalik.</p>
<p>Itu adalah keseluruhan metode manual. Penting juga untuk mengetahui bagian kedua dari jawabannya, yaitu apa yang terjadi setelah langkah ketiga.</p>
<h2>Masalah penyalinan</h2>
<p>Anda mengekspor draf dari ChatGPT dan mengunggahnya ke Claude untuk ditulis ulang. Claude memberi Anda versi yang lebih baik. Anda mengunduhnya dan membawanya kembali ke ChatGPT untuk izin terakhir.</p>
<p>Tidak ada yang salah. Tapi hitung apa yang Anda miliki: file asli masih ada di thread ChatGPT, file yang Anda unduh, versi Claude, unduhannya, dan apa pun yang terjadi selanjutnya. Lima hal dengan nama yang hampir sama, salah satunya terkini.</p>
<p>Perangkapnya adalah benang yang Anda biarkan terbuka. ChatGPT masih memegang draft pertama. Jika Anda melanjutkan percakapan itu alih-alih memulai yang baru, itu akan mengedit versi lama, bukan peningkatan Claude, dan Anda biasanya mengetahui kapan sesuatu yang telah Anda perbaiki muncul kembali.</p>
<p>Itu adalah masalah penyalinan. Setiap handoff membuat salinan, tidak ada salinan yang mengetahui salinan lainnya, dan setelah dua atau tiga lompatan tidak ada jawaban yang dapat diandalkan mengenai mana yang terkini.</p>
<p>Dua benda kecil ikut bersamanya. Konteks tidak berpindah-pindah, sehingga setiap asisten melihat dokumen tanpa riwayat dan Anda menjelaskan ulang ringkasannya setiap saat. Dan pemformatan menurun, karena Markdown bertahan dalam perjalanan tetapi tabel dan gambar yang disematkan sering kali tidak.</p>
<p>Untuk satu kali penyerahan, semua ini tidak penting. Ini menjadi serius ketika pekerjaan sedang berlangsung, dan menjadi tidak dapat dikelola dengan sebuah tim: empat orang masing-masing menjalankan asisten mereka sendiri pada proyek yang sama, dan tidak ada yang tahu di mana versi saat ini berada atau siapa yang terakhir menyentuhnya.</p>
<p>Yang menjadikan ini bukan masalah transfer file, melainkan pertanyaan tentang di mana karya itu berada.</p>
<h2>Opsi 2: letakkan file di penyimpanan cloud</h2>
<p>Claude dan ChatGPT dapat terhubung ke Google Drive. Setelah terhubung, Anda mengarahkan setiap asisten ke file yang sama alih-alih mengunggah salinannya. Satu file, satu lokasi, dan tidak ada yang harus bertindak sebagai kurir. Keduanya sekarang dapat menulis kembali ke Drive dan juga membaca, jadi ini merupakan peningkatan nyata dibandingkan pengunduhan.</p>
<p>Ada dua hal yang perlu diketahui sebelum Anda mengaturnya.</p>
<p><strong>Menghubungkan tidak selalu merupakan pekerjaan dua klik.</strong> Di akun pribadi, ini cepat. Di akun kerja biasanya ada dua administrator berbeda yang menghalangi: seseorang mengaktifkan konektor di sisi AI, dan secara terpisah admin Google Workspace harus memercayai aplikasi atau menyetujui setiap cakupan OAuth yang diminta. Dapatkan satu dan bukan yang lain dan pengguna mengalami kesalahan otorisasi tanpa penyebab yang jelas. Cakupannya juga berubah, sehingga sambungan yang dibuat sebelum pertengahan tahun 2026 umumnya perlu dilakukan ulang.</p>
<p><strong>Asisten mewarisi akses Anda.</strong> Ini adalah bagian yang kebanyakan orang lewatkan. Konektor tidak diberikan izin ke folder. Itu masuk sebagai Anda. Apa pun yang dapat dibuka oleh akun Anda, akun tersebut dapat dibuka, termasuk semua yang dibagikan kepada Anda. Konektor Drive Claude meminta akses baca seluruh akun meskipun layar persetujuan meninggalkan kesan bahwa Anda memilih file tertentu, dan <a href="https://help.openai.com/en/articles/10408842-google-app-for-chatgpt-data-controls-faq">Dokumentasi OpenAI sendiri</a> menjelaskan model yang sama untuk ChatGPT: model ini dapat menjangkau apa pun yang dapat dijangkau oleh akun yang terhubung. Anthropic <a href="https://support.claude.com/en/articles/10166901-use-google-workspace-connectors">Dokumentasi konektor Google Workspace</a> mencantumkan apa yang dapat dilakukan Claude dengan Drive yang terhubung. Tidak ada cara untuk memberikan asisten bagian yang lebih sempit dari Drive Anda selain yang Anda pegang sendiri.</p>
<p>Itu digabungkan dengan setiap asisten yang Anda tambahkan. Masing-masing mendapatkan tampilan penuh yang sama, dan karena semuanya bertindak seperti Anda, riwayat revisi Drive mengatribusikan setiap perubahan kepada Anda. Anda dapat memulihkan versi kemarin. Anda tidak dapat membedakan asisten mana yang menulis apa, atau menghentikan salah satu dari mereka membaca sesuatu yang tidak ada gunanya.</p>
<p>Penyimpanan cloud memecahkan masalah lokasi. Ini tidak menyelesaikan siapa-melakukan-apa, tidak membiarkan Anda menjangkau apa yang dapat dijangkau oleh agen, dan dokumen Drive masih tidak berjalan, sehingga aplikasi atau halaman harus diekspor ke tempat lain sebelum orang lain dapat melihatnya berfungsi.</p>
<h2>Opsi 3: workspace bersama yang terhubung dengan kedua agen</h2>
<p>Pendekatan ketiga adalah berhenti memindahkan file sama sekali dan memberikan kedua asisten akses ke artifact live yang sama.</p>
<p>Ini adalah modelnya <a href="https://agentgrid.io/">AgentGrid.io</a> dibangun di sekitar. artifact berada di workspace bersama dengan URL miliknya sendiri. Claude dan ChatGPT keduanya terhubung ke workspace tersebut, dan masing-masing membaca dan menulis artifact yang sama secara langsung. Tidak ada langkah download, karena tidak ada yang dipindahkan.</p>
<p>Untuk menghubungkan agen, buka <a href="https://agentgrid.io/connect">AgentGrid.io/sambungkan</a>. Untuk agen pengkodean dan otonom, salin dan tempel prompt ini ke agen:</p>
<pre class="wp-block-code"><code>Install Anima's CLI and connect this project to AgentGrid by running: npx @animaapp/cli@latest login</code></pre>
<p>Untuk Claude atau ChatGPT di browser, gunakan tautan konektor di halaman yang sama dan masuk sekali.</p>
<p>Rute konektor menggunakan MCP, protokol terbuka yang digunakan asisten AI untuk menjangkau alat eksternal. Hal inilah yang memungkinkan asisten dari vendor berbeda bekerja dengan workspace yang sama.</p>
<p>Karena artifact hanya ada satu, ada beberapa hal yang menyusul. Setiap perubahan ada dalam satu riwayat versi, sehingga Anda dapat melihat perkembangan pekerjaan daripada membandingkan dua unduhan. Artefak berupa aplikasi atau halaman yang dijalankan di URL aktif, sehingga situs web yang dirancang ChatGPT adalah sesuatu yang dapat dibuka dan terus dibuat oleh Claude. Akses tetap terikat pada AgentGrid.io workspace dan artifacts yang Anda bagikan di sana, bukan mewarisi jangkauan penuh akun cloud-drive yang terhubung. Kontrol tim dan agen yang lebih terperinci masih terus berkembang, jadi periksa pengaturan workspace saat ini sebelum mengandalkannya untuk proyek sensitif.</p>
<p>Pengorbanannya sudah diatur, dan ini lebih kecil dari kedengarannya. Menghubungkan asisten adalah proses masuk satu kali, bukan proyek admin. Untuk satu file Anda perlu memindahkannya sekarang juga, mengunduhnya masih lebih cepat. Dari serah terima kedua dan seterusnya, hasilnya tidak mendekati.</p>
<h2>Pilihan mana yang sesuai dengan situasi apa</h2>
<table>
<thead>
<tr>
<th>Situasi</th>
<th>Pilihan terbaik</th>
</tr>
</thead>
<tbody>
<tr>
<td>Satu file, satu kali</td>
<td>Unduh dan unggah ulang</td>
</tr>
<tr>
<td>Sebuah dokumen yang selalu Anda rujuk tetapi jarang diedit</td>
<td>Konektor penyimpanan cloud</td>
</tr>
<tr>
<td>Kedua asisten aktif mengedit karya yang sama</td>
<td>workspace yang dibagikan</td>
</tr>
<tr>
<td>Outputnya adalah aplikasi atau halaman aktif</td>
<td>workspace yang dibagikan</td>
</tr>
<tr>
<td>Anda perlu melihat siapa yang mengubah apa</td>
<td>workspace yang dibagikan</td>
</tr>
<tr>
<td>Orang lain tidak memiliki alat AI sama sekali</td>
<td>Penyimpanan cloud atau tautan berbagi</td>
</tr>
</tbody>
</table>
<p>Kebanyakan orang membutuhkan lebih dari satu hal ini. Rute pengunduhan baik-baik saja dan akan tetap baik untuk penyerahan cepat. Apa yang tidak dapat dilakukan adalah mengadakan proyek bersama-sama dengan beberapa asisten selama beberapa minggu.</p>
<h2>Catatan tentang mengapa masalah ini terjadi</h2>
<p>Setiap asisten AI dibuat sebagai konteks tertutup. Percakapan ChatGPT Anda, proyek Claude Anda, sesi terminal Anda: masing-masing selesai dengan sendirinya dan tidak terlihat satu sama lain. Itu adalah desain yang masuk akal ketika orang menggunakan satu asisten dalam satu waktu.</p>
<p>Hal ini tidak sesuai dengan apa yang sebenarnya terjadi saat ini. Penelitian di satu bidang, penyusunan draf di bidang lain, kode di bidang ketiga, dan seorang kolega menjalankan perangkatnya sendiri. File adalah satu-satunya hal yang disentuh semuanya, jadi file adalah tempat konsentrasi gesekan.</p>
<p>Di <a href="https://animaapp.com/">Anima</a> kami melakukan ini sambil membangun milik kami sendiri <a href="https://www.animaapp.com/blog/vibe-coding/">produk pengkodean getaran</a>, itulah sebabnya kami membuat AgentGrid.io. Beberapa asisten di bidang desain, kode dan konten, satu proyek, dan tidak ada jawaban yang dapat diandalkan mengenai keberadaan versi saat ini.</p>
<p>Ini adalah alat yang sama yang sekarang kita gunakan secara internal setiap hari. Jika masalah penyalinan terdengar seperti minggu Anda, <a href="https://agentgrid.io/">sambungkan asisten ke AgentGrid.io</a> dan mulai dengan satu artifact. Anda tidak perlu memindahkan semuanya untuk mengetahui apakah semuanya dapat bertahan.</p>
<h2>Tanya Jawab</h2>
<div class="rocket-faq-accordion" style="margin: 18px 0 28px;">
<details open="" style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bagaimana cara berbagi file antara Claude dan ChatGPT?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Unduh file dari satu asisten dan unggah ke asisten lainnya menggunakan tombol lampiran. Untuk file yang Anda perlukan kedua asisten untuk terus mengedit, sambungkan keduanya ke penyimpanan cloud bersama atau workspace bersama, sehingga hanya ada satu salinan.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah Claude dan ChatGPT mengedit file yang sama secara bersamaan?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak sendirian. Tidak ada yang memiliki akses ke file satu sama lain. Keduanya dapat mengedit file yang sama jika Anda menghubungkannya ke lokasi bersama seperti drive cloud atau workspace bersama yang dibuat untuk agen AI.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apakah tautan berbagi Claude berfungsi untuk mengirim file ke ChatGPT?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tautan berbagi membuat cuplikan percakapan yang dapat dilihat, bukan file yang dapat dibuka dan diedit oleh asisten lain. Hal ini berguna untuk menunjukkan kepada seseorang apa yang terjadi. Ini bukan metode transfer.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apakah pemformatan saya akan bertahan saat ditransfer?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Teks biasa dan Markdown biasanya bisa. Dokumen dengan tabel, gambar tertanam, atau struktur kompleks sering kali tidak memilikinya. Jika pemformatan penting, hindari loop pengunduhan dan gunakan lokasi bersama sebagai gantinya.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah Claude dan ChatGPT mengakses file yang sama?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak secara default. Masing-masing hanya melihat apa yang Anda unggah ke dalamnya. Mereka dapat menjangkau file yang sama jika Anda menghubungkan keduanya ke lokasi bersama, seperti Google Drive atau workspace bersama yang dibuat untuk agen AI.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bagaimana cara memindahkan file dari ChatGPT ke Claude?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Download dari ChatGPT, lalu pasangkan di Claude menggunakan penjepit kertas atau tombol plus. Jika Anda ingin memindahkannya kembali, gunakan lokasi bersama agar Anda tidak mendapatkan banyak salinan.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah dua asisten AI mengedit dokumen yang sama?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Ya, jika dokumen tersebut berada di suatu tempat yang dapat dijangkau oleh keduanya. Bekerja dari salinan yang diunduh berarti setiap asisten mengedit versinya sendiri dan tidak ada yang merekonsiliasinya.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apa itu MCP dan apakah saya memerlukannya?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;"><a href="https://www.animaapp.com/blog/code/share-agent-output-as-a-link/">MCP</a> adalah protokol terbuka yang digunakan asisten AI untuk terhubung ke alat eksternal. Anda tidak perlu memahaminya untuk menggunakannya. Inilah yang membuat satu workspace dapat dijangkau dari ChatGPT, Claude, dan agen lain secara bersamaan.</p>
</div>
</details>
</div>
<h2>Menyelesaikan</h2>
<p>Untuk satu handoff, unduh dan unggah ulang. Untuk dokumen yang sering Anda rujuk, sambungkan kedua asisten ke penyimpanan cloud. Untuk pekerjaan yang terus dibuat oleh kedua asisten, berikan mereka satu artifact bersama, bukan dua salinan.</p>
<p>Jika alat AI Anda sudah menghasilkan lebih banyak file daripada yang dapat Anda lacak, <a href="https://agentgrid.io/">coba AgentGrid.io</a> dan sambungkan asisten pertama Anda dalam beberapa menit.</p>
<p><script type="application/ld+json">{"@context":"https://schema.org/","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How do I share a file between Claude and ChatGPT?","acceptedAnswer":{"@type":"Answer","text":"Download the file from one assistant and upload it to the other using the attachment button. For files you need both assistants to keep editing, connect them to shared cloud storage or a shared workspace instead, so there is only one copy."}},{"@type":"Question","name":"Can Claude and ChatGPT edit the same file at the same time?","acceptedAnswer":{"@type":"Answer","text":"Not on their own. Neither has access to the other's files. They can both edit the same file if you connect them to a shared location such as a cloud drive or a shared workspace built for AI agents."}},{"@type":"Question","name":"Does a Claude share link work for sending files to ChatGPT?","acceptedAnswer":{"@type":"Answer","text":"A share link creates a viewable snapshot of the conversation, not a file that another assistant can open and edit. It is useful for showing a person what happened. It is not a transfer method."}},{"@type":"Question","name":"Will my formatting survive the transfer?","acceptedAnswer":{"@type":"Answer","text":"Plain text and Markdown usually do. Documents with tables, embedded images, or complex structure often do not. If formatting matters, avoid the download loop and use a shared location instead."}},{"@type":"Question","name":"Can Claude and ChatGPT access the same file?","acceptedAnswer":{"@type":"Answer","text":"Not by default. Each one only sees what you upload into it. They can reach the same file if you connect both to a shared location, such as Google Drive or a shared workspace built for AI agents."}}]}</script></article>
<p><!-- rocket-multilingual-links:start share-file-between-claude-and-chatgpt --><br />
<script>(function(){
var paths={"en":"/agentic/share-file-between-claude-and-chatgpt/","de":"/de/agentic-de/share-file-between-claude-and-chatgpt-de/","es":"/es/agentic-es/share-file-between-claude-and-chatgpt-es/","fr":"/fr/agentic-fr/share-file-between-claude-and-chatgpt-fr/","ja":"/ja/agentic-ja/share-file-between-claude-and-chatgpt-ja/","ko":"/ko/agentic-ko/share-file-between-claude-and-chatgpt-ko/","pt":"/pt/agentic-pt/share-file-between-claude-and-chatgpt-pt/","it":"/it/agentic-it/share-file-between-claude-and-chatgpt-it/","zh-cn":"/zh-cn/agentic-zh-cn/share-file-between-claude-and-chatgpt-zh-cn/","id":"/id/agentic-id/share-file-between-claude-and-chatgpt-id/","pl":"/pl/agentic-pl/share-file-between-claude-and-chatgpt-pl/","nl":"/nl/agentic-nl/share-file-between-claude-and-chatgpt-nl/","hi":"/hi/agentic-hi/share-file-between-claude-and-chatgpt-hi/","th":"/th/agentic-th/share-file-between-claude-and-chatgpt-th/","ru":"/ru/agentic-ru/share-file-between-claude-and-chatgpt-ru/","tr":"/tr/agentic-tr/share-file-between-claude-and-chatgpt-tr/","vi":"/vi/agentic-vi/share-file-between-claude-and-chatgpt-vi/","ar":"/ar/agentic-ar/share-file-between-claude-and-chatgpt-ar/","zh-tw":"/zh-tw/agentic-zh-tw/share-file-between-claude-and-chatgpt-zh-tw/","cs":"/cs/agentic-cs/share-file-between-claude-and-chatgpt-cs/","uk":"/uk/agentic-uk/share-file-between-claude-and-chatgpt-uk/","sv":"/sv/agentic-sv/share-file-between-claude-and-chatgpt-sv/","fa":"/fa/agentic-fa/share-file-between-claude-and-chatgpt-fa/","ro":"/ro/agentic-ro/share-file-between-claude-and-chatgpt-ro/","hu":"/hu/agentic-hu/share-file-between-claude-and-chatgpt-hu/","ms":"/ms/agentic-ms/share-file-between-claude-and-chatgpt-ms/","tl":"/tl/agentic-tl/share-file-between-claude-and-chatgpt-tl/","bn":"/bn/agentic-bn/share-file-between-claude-and-chatgpt-bn/","da":"/da/agentic-da/share-file-between-claude-and-chatgpt-da/","fi":"/fi/agentic-fi/share-file-between-claude-and-chatgpt-fi/","nb":"/nb/agentic-nb/share-file-between-claude-and-chatgpt-nb/","he":"/he/agentic-he/share-file-between-claude-and-chatgpt-he/","el":"/el/agentic-el/share-file-between-claude-and-chatgpt-el/","sk":"/sk/agentic-sk/share-file-between-claude-and-chatgpt-sk/","bg":"/bg/agentic-bg/share-file-between-claude-and-chatgpt-bg/","ur":"/ur/agentic-ur/share-file-between-claude-and-chatgpt-ur/","ta":"/ta/agentic-ta/share-file-between-claude-and-chatgpt-ta/","hr":"/hr/agentic-hr/share-file-between-claude-and-chatgpt-hr/"},labels={"en":"English","de":"Deutsch","es":"Español","fr":"Français","ja":"日本語","ko":"한국어","pt":"Português","it":"Italian","zh-cn":"Simplified Chinese","id":"Indonesian","pl":"Polish","nl":"Dutch","hi":"Hindi","th":"Thai","ru":"Russian","tr":"Turkish","vi":"Vietnamese","ar":"Arabic","zh-tw":"Traditional Chinese","cs":"Czech","uk":"Ukrainian","sv":"Swedish","fa":"Persian","ro":"Romanian","hu":"Hungarian","ms":"Malay","tl":"Tagalog","bn":"Bengali","da":"Danish","fi":"Finnish","nb":"Norwegian Bokmål","he":"Hebrew","el":"Greek","sk":"Slovak","bg":"Bulgarian","ur":"Urdu","ta":"Tamil","hr":"Croatian"};
function root(){return location.hostname==='blog-staging.animaapp.com'?'https://animaapp.com/blog/':'https://www.animaapp.com/blog';}
function url(lang){return root()+paths[lang];}
function run(){Object.keys(paths).forEach(function(lang){
 var sel='link[rel="alternate"][hreflang="'+lang+'"]',ln=document.head.querySelector(sel);if(!ln){ln=document.createElement('link');ln.rel='alternate';ln.hreflang=lang;document.head.appendChild(ln);}ln.href=url(lang);
 document.querySelectorAll('.lang-item-'+lang+',li[class*="lang-item-'+lang+'"]').forEach(function(li){li.classList.remove('no-translation');var a=li.querySelector('a');if(a){a.href=url(lang);a.hreflang=lang;a.lang=lang;a.title=labels[lang]||lang;a.setAttribute('aria-label',labels[lang]||lang);}});
});}
if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',run);else run();
})();</script><br />
<!-- rocket-multilingual-links:end share-file-between-claude-and-chatgpt --></p>
<p>The post <a href="https://animaapp.com/blog/id/agentic-id/share-file-between-claude-and-chatgpt-id/">Bagaimana cara berbagi file antara Claude dan ChatGPT?</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Cara Memublikasikan Website Claude Design dengan AgentGrid.io</title>
		<link>https://animaapp.com/blog/id/genai-id/publish-claude-design-website-agentgrid-id/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Sun, 30 Aug 2026 14:43:25 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[GenAI]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=15807</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span>Publikasikan situs web dari Claude Design hingga AgentGrid.io, tinjau versi dengan beberapa agen, publikasikan pembaruan, dan sambungkan domain kustom.</p>
<p>The post <a href="https://animaapp.com/blog/id/genai-id/publish-claude-design-website-agentgrid-id/">Cara Memublikasikan Website Claude Design dengan AgentGrid.io</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 7</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<p><strong>Claude Design dapat mempublikasikan desain statis ke URL publik. Itu berfungsi untuk prototipe cepat atau konsep visual.</strong></p>
<p>Saat situs web memerlukan pengeditan berkelanjutan, beberapa agen, riwayat versi, pembaruan penerbitan, atau domain khusus, gunakan AgentGrid.io. Claude Design dapat mempublikasikan situs web menjadi artefak bersama yang dapat terus ditingkatkan oleh tim Anda dan agen yang terhubung.</p>
<p>Panduan ini menunjukkan cara memublikasikan dari Claude Design, meninjau versi di AgentGrid.io, mendatangkan agen lain bila diperlukan, dan menghubungkan domain.</p>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://app.agentgrid.io/?utm_content=claude-design-publish-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">Publikasikan dengan AgentGrid.io →</a></div>
<h2>Cara mempublikasikan Situs Web dari Claude Design</h2>
<h3>1. Instal konektor Claude AgentGrid.io</h3>
<p><a href="https://claude.ai/directory/agent-grid">Instal konektor Claude AgentGrid.io</a> dari Direktori Konektor Claude.</p>
<h3>2. Minta Claude Design untuk Publikasikan melalui AgentGrid.io</h3>
<p>Dalam percakapan Claude Design untuk situs web Anda, minta Claude untuk mempublikasikannya melalui AgentGrid.io:</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Perintah untuk Claude Design<button aria-label="Copy prompt" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Publikasikan situs web saya menggunakan AgentGrid.io</code></pre>
</div>
<p>Claude Design membuat atau memperbarui situs web sebagai artefak AgentGrid.io, tempat Anda dapat meninjau hasilnya dan terus mengerjakan proyek yang sama.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Minta Claude Design untuk mempublikasikan situs web melalui AgentGrid.io." src="https://animaapp.com/blog/wp-content/uploads/2026/08/claude-design-publish-website-agentgrid-1536x906.jpg"/><figcaption>Minta Claude Design untuk mempublikasikan situs web melalui AgentGrid.io.</figcaption></figure>
<h3>3. Opsional: Hubungkan lebih banyak agen</h3>
<p>Undang ChatGPT, Claude, Claude Code, Codex, Cursor, Hermes, Rocket, atau agen lain yang kompatibel untuk mengerjakan artefak yang sama. Beberapa agen dapat membuat perubahan tanpa membuat salinan yang tidak terhubung.</p>
<p>Gunakan AgentGrid.io untuk berpindah antar versi, meninjau setiap perubahan agen, memulihkan versi sebelumnya bila diperlukan, dan menerbitkan pembaruan yang disetujui saat Anda siap.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Tinjau perubahan, berpindah antar versi, dan publikasikan pembaruan dari artefak AgentGrid.io bersama." src="https://animaapp.com/blog/wp-content/uploads/2026/08/agentgrid-editable-app-artifact-history-1536x906.jpg"/><figcaption>Tinjau perubahan, berpindah antar versi, dan publikasikan pembaruan dari artefak AgentGrid.io bersama.</figcaption></figure>
<h3>4. Hubungkan domain</h3>
<p>Saat situs web sudah siap, publikasikan dari AgentGrid.io dan sambungkan domain Anda sendiri. Ikuti penyiapan domain dan petunjuk DNS di panduan penerbitan GrokBot.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Publikasikan versi yang dipilih, lalu sambungkan domain saat Anda siap." src="https://animaapp.com/blog/wp-content/uploads/2026/08/published-claude-design-website-public-url-1536x906.jpg"/><figcaption>Publikasikan versi yang dipilih, lalu sambungkan domain saat Anda siap.</figcaption></figure>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://app.agentgrid.io/?utm_content=claude-design-publish-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">Publikasikan dengan AgentGrid.io →</a></div>
<h2>Claude Design publik URL vs AgentGrid.io</h2>
<p>Claude Design sudah memiliki opsi URL publik langsung. Keputusannya adalah apakah Anda memerlukan hasil statis yang cepat atau situs web yang dapat terus berkembang.</p>
<table>
<thead>
<tr>
<th>Kemampuan</th>
<th>Publikasikan langsung dari Claude Design</th>
<th>Publikasikan melalui AgentGrid.io</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Peramban publik URL</strong></td>
<td>Ya</td>
<td>Ya</td>
</tr>
<tr>
<td><strong>Terbaik untuk</strong></td>
<td>UI statis cepat, prototipe, atau konsep visual</td>
<td>Situs web atau aplikasi yang berkembang</td>
</tr>
<tr>
<td><strong>Jalur domain khusus</strong></td>
<td>Tidak ada opsi domain khusus asli</td>
<td>Agen yang terhubung dapat menyiapkan artefak saat ini untuk domain dan lingkungan produksi Anda</td>
</tr>
<tr>
<td><strong>Basis data dan backend</strong></td>
<td>Hanya UI statis</td>
<td>Hubungkan agen untuk menambahkan atau mengintegrasikan database, backend, otentikasi, pembayaran, dan layanan sisi server</td>
</tr>
<tr>
<td><strong>API dan analitik</strong></td>
<td>Pengalaman statis terbatas</td>
<td>Hubungkan APIs, Google Analytics, pelacakan peristiwa, dan layanan eksternal lainnya</td>
</tr>
<tr>
<td><strong>Lanjutkan dengan agen lain</strong></td>
<td>Desainnya tetap berada di dalam alur kerja Claude</td>
<td>Agen mana pun yang diundang dapat melanjutkan artefak yang sama dengan kemampuan yang tepat</td>
</tr>
<tr>
<td><strong>Sejarah perkembangan bersama</strong></td>
<td>Revisi proyek Claude Design</td>
<td>Sejarah artefak yang didukung Git, diatribusikan, dan dapat dipulihkan</td>
</tr>
</tbody>
</table>
<p><strong>Gunakan URL publik langsung Claude Design ketika UI statis adalah hasil akhirnya.</strong> Gunakan AgentGrid.io ketika situs web publik adalah awal dari proyek, bukan akhir.</p>
<h2>Mengapa mempublikasikan Claude Design melalui AgentGrid.io?</h2>
<p>Claude Design publik URL langsung memecahkan masalah visibilitas. Artefak AgentGrid.io memecahkan kelanjutan. Hal ini memberikan situs web yang dipublikasikan tempat di mana orang dan agen AI dapat terus mengembangkan pekerjaan yang sama.</p>
<ul>
<li><strong>Satu artefak stabil:</strong> Manusia dan agen bekerja dari versi yang sama saat ini alih-alih meneruskan file antar obrolan.</li>
<li><strong>Sejarah Nyata:</strong> Setiap perubahan yang disimpan menjadi versi yang dapat dipulihkan dengan atribusi.</li>
<li><strong>Kontinuitas lintas agen:</strong> Claude, Claude Code, Cursor, Codex, OpenClaw, Hermes, dan agen lain yang kompatibel dapat melanjutkan pekerjaan yang sama saat terhubung.</li>
<li><strong>Berbagi dan menerbitkan secara terpisah:</strong> Akses tim tetap berbeda dari situs web publik.</li>
<li><strong>Izin tercakup:</strong> Agen menerima identitas yang diberi nama dan dapat dibatalkan serta hanya kemampuan yang Anda setujui.</li>
<li><strong>Jalur melampaui prototipe pertama:</strong> Situs web dapat tetap menjadi artefak publik yang ringan atau menjadi titik awal pengembangan produk yang lebih mendalam.</li>
</ul>
<p>Manfaat pentingnya AgentGrid.io bukanlah membuat Claude Design menghasilkan desain yang lebih baik. Itu tidak mengubah kualitas generasi Claude. AgentGrid.io menjadikan hasilnya tahan lama, kolaboratif, berversi, dan tersedia untuk orang atau agen berikutnya. Situs web publik dapat terus berkembang tanpa memulai obrolan baru atau membangun kembali konteks dari tangkapan layar.</p>
<h2>Bagaimana AgentGrid.io membuka jalur ke domain khusus</h2>
<p>Domain khusus mengubah tautan prototipe menjadi tujuan bermerek. Lebih mudah diingat, terlihat lebih dapat dipercaya dalam pemasaran dan penjualan, dan memberi tim Anda alamat yang dapat bertahan dari perubahan pada tumpukan yang mendasarinya.</p>
<p>Untuk tim yang membandingkan opsi hosting Claude Design, pisahkan artefak bersama dari host produksi akhir. AgentGrid.io menyatukan sumber, agen, dan Riwayat situs web. Host berkemampuan domain Anda melayani produksi URL.</p>
<p>Contohnya termasuk portofolio di <code>yourname.com</code>, kampanye di <code>launch.yourcompany.com</code>, atau pengalaman produk di <code>app.yourcompany.com</code>.</p>
<p>Claude Design publik URL langsung tidak menawarkan jalur domain khusus. Dengan AgentGrid.io, situs web adalah artefak yang dapat diedit yang dapat disiapkan oleh agen pengkodean atau penerapan yang terhubung untuk domain Anda dan lingkungan produksi yang dipilih.</p>
<p>Agen dapat bekerja dari artefak sebenarnya alih-alih merekonstruksi situs web dengan alat baru. Itu dapat memeriksa file saat ini, mempertahankan interaksi yang diinginkan, menambahkan konfigurasi penerapan, dan memperbarui artefak yang sama dengan versi siap produksi.</p>
<p>Hal ini juga membuat keputusan domain khusus tetap fleksibel. Domain tersebut milik bisnis Anda, sedangkan AgentGrid.io mempertahankan sumber situs web, konteks, dan Riwayat pengembangan.</p>
<h2>Tambahkan database, APIs, dan Google Analytics dengan agen apa pun</h2>
<p>Banyak situs web Claude Design dimulai sebagai frontend. Portofolio, halaman arahan, penjelasan interaktif, atau prototipe mungkin tidak memerlukan backend pada hari pertama.</p>
<p>Nanti, Anda mungkin ingin menambahkan:</p>
<ul>
<li>Formulir kontak yang menyimpan kiriman</li>
<li>Akun pengguna dan otentikasi</li>
<li>Sebuah basis data</li>
<li>Pembayaran atau langganan</li>
<li>Sebuah sistem manajemen konten</li>
<li>Analisis atau pelacakan peristiwa</li>
<li>Integrasi API</li>
<li>Alat admin dan akses berbasis peran</li>
</ul>
<p>Di sinilah AgentGrid.io membuka alur kerja. Undang agen pengkodean yang Anda sukai, berikan kemampuan yang tepat, dan minta untuk melanjutkan artefak yang ada. Agen dapat membuat atau menghubungkan database eksternal, menambahkan rute API, mengintegrasikan Google Analytics, menerapkan otentikasi, atau menghubungkan layanan yang dibutuhkan aplikasi.</p>
<p>AgentGrid.io tetap menjadi sumber dan Riwayat bersama untuk aplikasi. Rahasia produksi, kredensial basis data, dan layanan sisi server harus berada dalam infrastruktur yang dirancang untuk pekerjaan tersebut, bukan dalam file sumber publik.</p>
<p>Alur kerja Claude Design ke Claude Code yang umum adalah menyambungkan Claude Code ke artefak AgentGrid.io yang sama, memintanya untuk mempertahankan UI saat ini, lalu menambahkan integrasi backend dalam konteks.</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Minta agen pengkodean Anda<button aria-label="Perintah Copy" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Continue this AgentGrid.io website as a production application. Preserve the current UI and interactions. Add a secure contact-form backend, document the required environment variables, and keep all source changes in this same artifact.</code></pre>
</div>
<p>Anda dapat menggunakan pola yang sama untuk analitik dan data:</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Minta agen pengkodean Anda<button aria-label="Perintah Copy" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Continue this AgentGrid.io website. Add Google Analytics event tracking, connect the application to a database, and document every external service and environment variable. Keep all changes on this same artifact.</code></pre>
</div>
<p>Agen yang terhubung memiliki file terkini dan dapat melihat Riwayat. Jika pembaruan merusak desain, Anda dapat memeriksa perubahan tersebut dan memulihkan versi sebelumnya alih-alih mencari melalui obrolan dan unduhan lama.</p>
<h2>Hubungkan agen lain tanpa kehilangan proyek</h2>
<p>Agen terbaik untuk desain pertama mungkin bukan agen terbaik untuk setiap tugas selanjutnya.</p>
<p>Anda mungkin menggunakan Claude Design untuk antarmuka, Claude Code untuk implementasi, agen pengkodean lain untuk pengujian, dan agen spesialis untuk analitik, aksesibilitas, SEO, atau pekerjaan backend. AgentGrid.io memungkinkan agen tersebut bekerja pada satu artefak bersama alih-alih membuat salinan terpisah di ekosistem terpisah.</p>
<p>Alur kerjanya sederhana:</p>
<ol>
<li>Buka artefak situs web yang ada.</li>
<li>Undang agen baru dari dialog Bagikan.</li>
<li>Berikan hanya kemampuan yang diperlukan.</li>
<li>Berikan agen tautan artefak dan tugas yang jelas.</li>
<li>Tinjau perubahan yang dikaitkan dalam Riwayat.</li>
<li>Pulihkan versi sebelumnya jika diperlukan.</li>
</ol>
<p>Hal inilah yang membuat website lebih mudah berkembang seiring berjalannya waktu. Artefak tetap stabil meskipun agennya berganti.</p>
<h2>Daftar periksa penerbitan</h2>
<ul>
<li>Konfirmasikan bahwa artefak berada di tim AgentGrid.io yang benar.</li>
<li>Hapus data pribadi, rahasia, kredensial pengujian, dan salinan khusus internal.</li>
<li>Uji tata letak desktop dan seluler.</li>
<li>Verifikasi gambar, font, tautan, formulir, dan interaksi.</li>
<li>Berikan kemampuan publikasi hanya kepada agen yang membutuhkannya.</li>
<li>Minta agen untuk memperbarui artefak yang ada, bukan membuat duplikat.</li>
<li>Buka URL publik saat logout.</li>
<li>Gunakan infrastruktur produksi yang tepat sebelum mengumpulkan data sensitif.</li>
<li>Simpan DNS domain khusus, rahasia backend, dan kredensial database di luar file sumber publik.</li>
</ul>
<h2>Pertanyaan yang sering diajukan</h2>
<div class="rocket-faq-accordion" style="margin: 18px 0 28px;">
<details open="" style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah Anda mempublikasikan Claude Design sebagai situs publik?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Ya. Claude Design dapat mempublikasikan UI statis langsung ke URL publik. Gunakan opsi itu ketika pengalaman statis adalah hasil akhirnya. Gunakan konektor AgentGrid.io bila Anda ingin situs web terus berkembang dengan domain kustom, database, API, analitik, layanan backend, atau agen AI lainnya.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apakah Claude Design sama dengan Artefak Claude?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak. Claude Design adalah produk desain khusus Anthropic. Artefak Claude adalah fitur Claude terpisah dengan perilaku penerbitannya sendiri. Penelusur sering kali mencampuradukkan istilah tersebut, tetapi alur kerjanya berbeda.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah saya memperbarui situs web setelah dipublikasikan?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Ya. Terus kerjakan artefak AgentGrid.io yang sama sehingga file dan Riwayatnya tetap bersama. Minta agen yang terhubung untuk memperbarui artefak yang ada daripada membuat salinan baru.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah saya menggunakan domain saya sendiri?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Claude Design publik URL langsung tidak menyertakan opsi domain khusus. Dengan AgentGrid.io, agen pengkodean atau penerapan yang terhubung dapat menyiapkan artefak situs web saat ini untuk domain dan lingkungan produksi Anda sementara AgentGrid.io menyimpan sumber dan Riwayat bersama.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah saya menambahkan backend ke situs web Claude Design?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Ya. Hubungkan agen pengkodean pilihan Anda ke artefak AgentGrid.io dan minta agen tersebut untuk membuat atau menghubungkan database, API, autentikasi, pembayaran, Google Analytics, atau layanan lainnya. Simpan sumber aplikasi dan Riwayat pengembangan di AgentGrid.io dan simpan rahasia produksi di infrastruktur yang dibangun untuk layanan tersebut.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah agen AI lain melanjutkan situs webnya?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Ya. Undang agen ke artefak AgentGrid.io yang sama dengan kemampuan yang dibutuhkan. Itu dapat memeriksa file saat ini, memperbarui artefak, dan meninggalkan perubahan yang dikaitkan dalam Riwayat.</p>
</div>
</details>
</div>
<h2>Dari Claude Design hingga website yang bisa terus berkembang</h2>
<p>Jika desain publik statis adalah hasil akhirnya, gunakan <strong>Ekspor → Publikasikan</strong> langsung di Claude Design. Jika proyek perlu menjadi situs web atau aplikasi yang berfungsi, sambungkan Claude Design ke AgentGrid.io, dorong desain sebagai artefak yang dapat diedit, kembangkan dengan agen yang Anda pilih, dan publikasikan hanya setelah fungsionalitas aplikasi siap.</p>
<p>Manfaat yang lebih besar muncul setelah peluncuran. Situs web tidak lagi terbatas pada UI publik statis dalam satu alur kerja desain. Ini memiliki satu alamat, satu versi terkini, dan Riwayat yang dapat dilanjutkan bersama oleh orang dan agen.</p>
<p>Mulailah dengan prototipe publik. Tambahkan domain bermerek ketika situs web membutuhkan identitas permanen. Hubungkan agen pengkodean ketika membutuhkan database, APIs, Google Analytics, autentikasi, pembayaran, atau infrastruktur produksi. Pertahankan pengerjaan artefak AgentGrid.io yang sama seiring perkembangannya.</p>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://agentgrid.io/" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">Publikasikan situs web Claude Design dengan AgentGrid.io →</a></div>
</article>
<p><script id="rocket-prompt-copy-handler">(function(){if(window.__rocketPromptCopyBound)return;window.__rocketPromptCopyBound=true;document.addEventListener('click',function(e){var b=e.target.closest('.rocket-prompt-box button[type="button"]');if(!b)return;var c=b.closest('.rocket-prompt-box').querySelector('code');if(!c)return;var t=c.innerText||c.textContent||'';function done(){b.textContent='Copied';setTimeout(function(){b.textContent='Copy';},1400);}if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(t).then(done);}else{var r=document.createRange();r.selectNodeContents(c);var s=window.getSelection();s.removeAllRanges();s.addRange(r);document.execCommand('copy');s.removeAllRanges();done();}});})();</script></p>
<p>The post <a href="https://animaapp.com/blog/id/genai-id/publish-claude-design-website-agentgrid-id/">Cara Memublikasikan Website Claude Design dengan AgentGrid.io</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Cara Menghasilkan Gambar untuk Claude Design dengan ChatGPT</title>
		<link>https://animaapp.com/blog/id/genai-id/generate-images-for-claude-design-with-chatgpt-id/</link>
		
		<dc:creator><![CDATA[Anima team]]></dc:creator>
		<pubDate>Sun, 30 Aug 2026 10:15:13 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[GenAI]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=15955</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 9</span> <span class="rt-label rt-postfix">minutes</span></span>Claude Design tidak dapat menghasilkan gambar untuk halaman yang dibuatnya. Panduan ini menunjukkan cara menggunakan ChatGPT dan AgentGrid.io untuk memasukkannya: sambungkan Claude Design dan ChatGPT ke AgentGrid.io, dan desainnya menjadi file bersama yang dapat digunakan oleh keduanya — ChatGPT menghasilkan gambar ke dalamnya, dan itu muncul di halaman Claude Design Anda.</p>
<p>The post <a href="https://animaapp.com/blog/id/genai-id/generate-images-for-claude-design-with-chatgpt-id/">Cara Menghasilkan Gambar untuk Claude Design dengan ChatGPT</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 9</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<p><strong>Claude Design tidak dapat menghasilkan foto dan ilustrasi yang sering dibutuhkan oleh desainnya.</strong> Itu dapat membuat tata letak, antarmuka, presentasi, atau prototipe, tetapi pembuatan gambar raster asli tidak ada. Itu adalah masalah utama.</p>
<p>Masalah kedua muncul saat Anda mencoba memperbaiki masalah pertama. ChatGPT dan model AI lainnya dapat menghasilkan gambar, namun berada di luar ekosistem Claude. Mereka tidak secara otomatis melihat proyek Claude Design, memahami konteks visualnya, atau mengetahui versi mana yang terbaru.</p>
<p><a data-agentgrid-homepage-anchor="brand" href="https://agentgrid.io/">AgenGrid.io</a> memecahkan kesenjangan ekosistem tersebut. Impor proyek Claude Design ke AgentGrid.io sebagai satu artefak bersama, sambungkan ChatGPT, dan biarkan ChatGPT menghasilkan gambar sambil membaca desain sebenarnya. Setelah kedua agen dapat mengerjakan artefak yang sama, masalah pembuatan gambar asli juga dapat diselesaikan.</p>
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 18px 0 8px;"><a href="https://claude.ai/directory/agent-grid" style="display: inline-block; padding: 10px 24px; border-radius: 12px; background: #111111; color: #ffffff !important; font-family: Mulish, sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none !important;">Hubungkan Claude Design →</a> <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268" style="display: inline-block; padding: 10px 24px; border-radius: 12px; background: #111111; color: #ffffff !important; font-family: Mulish, sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none !important;">Hubungkan ChatGPT →</a></div>
<p style="text-align: center; margin: 0 0 24px; font-size: 15px;"><a href="https://agentgrid.io/connect">Hubungkan agen lain</a></p>
<h2>Masalah 1: Claude Design tidak dapat menghasilkan gambar</h2>
<p>Claude Design membuat desain, prototipe interaktif, presentasi, dan karya visual lainnya melalui antarmuka obrolan dan kanvas. Ini dapat bekerja dengan gambar yang diunggah, tangkapan layar, aset merek, HTML, dan visual SVG.</p>
<p>Apa yang tidak dapat dilakukan secara asli adalah menghasilkan foto, ilustrasi, lingkungan, tekstur, dan visual kampanye yang disempurnakan yang dapat dihasilkan oleh model gambar khusus. Tata letaknya mungkin sudah berisi area tempat gambar tersebut berada, namun Claude Design tidak dapat membuat sendiri aset raster akhir.</p>
<p>Anda tidak perlu meminta Claude Design untuk membuat placeholder berlabel khusus. Itu sudah mewakili area gambar yang dibutuhkan oleh komposisi. Pertanyaan praktisnya adalah bagaimana mengisi area tersebut tanpa kehilangan konteks desain.</p>
<img decoding="async" alt="" class="alignnone size-full wp-image-15294" height="928" sizes="(max-width: 780px) 100vw, 780px" src="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26.jpg" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26-150x150.jpg 150w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26-300x145.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26-768x372.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26-1024x495.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26-1536x743.jpg 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-27-at-15.24.26.jpg 1918w" style="max-width: 100%; height: auto;" width="1918"/>
<h2>Masalah 2: agen penghasil gambar tinggal di luar Claude</h2>
<p>ChatGPT dapat menghasilkan gambar yang hilang. Begitu juga dengan model dan agen lainnya. Namun mereka biasanya bekerja di ekosistem obrolan, akun, alat, atau penyedia yang berbeda.</p>
<p>Tanpa a <a data-agentgrid-homepage-anchor="shared-workspace" href="https://agentgrid.io/">ruang kerja bersama untuk agen AI</a>, handoff menjadi manual:</p>
<ul>
<li>jelaskan proyek Claude Design lagi di ChatGPT;</li>
<li>mengirim tangkapan layar atau sebagian petunjuk;</li>
<li>unduh file yang dihasilkan;</li>
<li>mengunggahnya kembali ke dalam desain;</li>
<li>ulangi prosesnya setelah setiap perubahan desain;</li>
<li>tebak file mana dan versi desain mana yang terkini.</li>
</ul>
<p>Generator gambar dapat menghasilkan gambar yang bagus namun tetap gagal dalam pekerjaan sebenarnya. Ini mungkin menggunakan potongan, palet, titik fokus, area aman teks, dimensi, atau tingkat realisme yang salah karena tidak dapat melihat desain yang seharusnya didukung.</p>
<h2>Solusinya: hubungkan kedua ekosistem dengan AgentGrid.io</h2>
<p>AgentGrid.io memberi proyek Claude Design rumah tahan lama yang tidak terikat pada satu penyedia AI. Desainnya menjadi <a data-agentgrid-homepage-anchor="shared-artifact" href="https://agentgrid.io/">satu artefak bersama di Claude dan ChatGPT</a> agar agen dan rekan tim lain yang terhubung dapat melanjutkan bersama.</p>
<p>Artefak bersama tersebut menyediakan:</p>
<ul>
<li><strong>Satu alamat stabil:</strong> setiap agen yang terhubung dapat merujuk pada pekerjaan yang sama.</li>
<li><strong>Satu versi saat ini:</strong> desain dan aset gambar yang dihasilkan tetap menyatu.</li>
<li><strong>Satu Sejarah:</strong> perubahan yang dilakukan oleh orang dan agen diatribusikan dan dapat dipulihkan.</li>
<li><strong>Akses agen tercakup:</strong> setiap agen memiliki identitasnya sendiri dan hanya kemampuan yang diberikan oleh manusia.</li>
<li><strong>Kolaborasi netral penyedia:</strong> pekerjaan dapat dilanjutkan di Claude, ChatGPT, dan agen lainnya tanpa menjadi salinan terpisah.</li>
</ul>
<p>AgentGrid.io tidak menghasilkan gambar untuk ChatGPT atau menambahkan pembuatan gambar asli ke Claude Design. Ini menghubungkan alat-alat tersebut. ChatGPT dapat memeriksa desain yang diimpor, menghasilkan gambar yang diperlukan dalam konteks, dan menambahkannya ke artefak yang sama. Memecahkan masalah ekosistem memberi Anda solusi praktis terhadap masalah citra.</p>
<h2>Cara kerja alur kerja Claude Design, AgentGrid.io, dan ChatGPT</h2>
<div style="overflow-x: auto; margin: 20px 0;">
<table style="width: 100%; border-collapse: collapse; min-width: 700px;">
<thead>
<tr>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">Lapisan</th>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">Peran</th>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">Apa yang tetap di sana</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;"><strong>Claude Design</strong></td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Menciptakan struktur dan pengalaman visual</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Tata letak, penyalinan, komponen, hierarki, interaksi, dan arah desain</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;"><strong>AgenGrid.io</strong></td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Menciptakan sumber kebenaran bersama</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Artefak langsung, file sumber, aset gambar, akses agen, dan Riwayat versi</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;"><strong>ChatGPT</strong></td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Menghasilkan dan mengedit gambar raster</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Gambar pahlawan, ilustrasi, adegan, tekstur, konsep produk, dan variasi gambar</td>
</tr>
</tbody>
</table>
</div>
<p>Claude Design memulai pekerjaan. AgentGrid.io memegang pekerjaan itu. ChatGPT memperluas pekerjaan dengan gambar sambil membaca konteks yang sama.</p>
<h2>Cara menghasilkan gambar ChatGPT untuk Claude Design dengan AgentGrid.io</h2>
<h3>1. Buat desain di Claude Design</h3>
<p>Mulai normal di Claude Design. Jelaskan produk, audiens, arah visual, konten, dan persyaratan merek. Biarkan Claude membuat desain dan mengulanginya hingga struktur keseluruhannya benar.</p>
<p>Anda tidak perlu meminta Claude untuk berhenti dan membuat placeholder gambar berlabel. Claude Design sudah mewakili area gambar yang dibutuhkan oleh desain. Fokus untuk mendapatkan komposisi, hierarki, dan pengalaman yang benar.</p>
<p>Pada tahap ini, gambar mungkin hilang, umum, prosedural, atau diwakili oleh area visual sementara. Itu sudah cukup untuk melanjutkan.</p>
<img decoding="async" alt="" class="alignnone size-full wp-image-15300" height="1297" sizes="(max-width: 780px) 100vw, 780px" src="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46.jpg" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-150x150.jpg 150w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-300x152.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-768x389.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-1024x519.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-1536x778.jpg 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46-2048x1038.jpg 2048w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.07.46.jpg 2560w" style="max-width: 100%; height: auto;" width="2560"/>
<h3>2. Hubungkan Claude Design ke AgentGrid.io dan dorong desainnya</h3>
<p>Hubungkan Claude ke AgentGrid.io sebelum menyerahkan pekerjaan ke model lain. <a href="https://claude.ai/directory/agent-grid">Instal konektor AgentGrid.io resmi untuk Claude</a>, atau buka <a href="https://agentgrid.io/docs/connect-your-agent/connect-claude-app/">panduan langkah demi langkah AgentGrid.io untuk menghubungkan Claude</a>.</p>
<ol>
<li>Di Claude, buka <strong>Pengaturan → Konektor</strong>.</li>
<li>Tambahkan pejabat itu <strong>AgenGrid.io</strong> konektor dari direktori konektor Claude.</li>
<li>Masuk ke AgentGrid.io, pilih tim yang akan memiliki karya tersebut, dan setujui koneksinya.</li>
<li>Kembali ke percakapan Claude yang berisi desain.</li>
<li>Tanyakan Claude: <strong>“Dorong desain ini ke AgentGrid.io dan berikan saya tautan artefaknya.”</strong></li>
</ol>
<img decoding="async" alt="" class="alignnone size-full wp-image-15291" height="1308" sizes="(max-width: 780px) 100vw, 780px" src="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10.jpg" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-150x150.jpg 150w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-300x153.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-768x392.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-1024x523.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-1536x785.jpg 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10-2048x1046.jpg 2048w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-28-at-11.01.10.jpg 2560w" style="max-width: 100%; height: auto;" width="2560"/>
<p>Claude membuat artefak langsung di tim AgentGrid.io yang disetujui dan mengembalikan alamatnya. Konektor disematkan ke tim yang dipilih saat persetujuan, jadi pastikan Claude dan ChatGPT terhubung ke tim yang sama.</p>
<p>Jika Anda lebih suka memulai dari AgentGrid.io itu sendiri, beralihlah ke tim yang tepat dan gunakan <strong>Baru → Impor dari Claude Design</strong>. Kedua rute membuat artefak bersama yang akan digunakan oleh agen penghasil gambar.</p>
<p>Mengimpor atau mendorong desain menciptakan titik kelanjutan bersama. Jangan berasumsi sinkronisasi dua arah otomatis dengan percakapan Claude Design asli. Lanjutkan alur kerja multi-agen di sekitar artefak AgentGrid.io sehingga setiap agen menggunakan versi yang sama saat ini.</p>
<h3>3. Hubungkan ChatGPT ke tim AgentGrid.io yang sama</h3>
<p>Selanjutnya, <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268">instal plug-in AgentGrid.io resmi untuk ChatGPT</a>, atau ikuti <a href="https://agentgrid.io/docs/connect-your-agent/connect-chatgpt/">panduan langkah demi langkah AgentGrid.io untuk menghubungkan ChatGPT</a>.</p>
<ol>
<li>Di ChatGPT, buka <strong>Pengaturan → Plug-in</strong> atau <strong>Aplikasi &amp; Plug-in</strong>.</li>
<li>Tambahkan pejabat itu <strong>AgenGrid.io</strong> plugin.</li>
<li>Masuk ke AgentGrid.io dan pilih tim yang sama yang digunakan untuk konektor Claude.</li>
<li>Menyetujui koneksi dengan kemampuan yang diperlukan untuk alur kerja. Baca dan Tulis adalah default konservatif untuk memeriksa desain dan menambahkan gambar yang dihasilkan.</li>
</ol>
<p>ChatGPT sekarang dapat membuka artefak di tim yang disetujui tersebut. Anda tidak perlu menjelaskan keseluruhan proyek Claude Design lagi atau mengirim serah terima tangkapan layar saja. Tempel artefak URL ke ChatGPT dan minta artefak tersebut berfungsi dari desain bersama.</p>
<p>Konektor Claude dan plug-in ChatGPT adalah jembatan antara dua ekosistem: Claude mendorong desain ke AgentGrid.io, dan ChatGPT membuka artefak yang sama untuk menghasilkan dan menambahkan gambar yang hilang.</p>
<h3>4. Berikan ChatGPT artefak AgentGrid.io URL</h3>
<p>Tempelkan alamat artefak ke dalam percakapan ChatGPT yang terhubung dan minta untuk memeriksa desain sebelum membuat apa pun.</p>
<p> kotak-prompt-roket:mulai </p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Minta ChatGPT<button aria-label="Perintah Copy" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Open this AgentGrid.io artifact and inspect the current design. Identify every area that needs a generated photo or illustration. For each one, summarize its role, dimensions, composition, focal point, palette, and visual relationship to the surrounding interface. Do not generate or change anything yet.</code></pre>
</div>
<p> kotak-prompt-roket: akhir </p>
<p>Di sinilah AgentGrid.io mengubah prosesnya. ChatGPT tidak bekerja dari deskripsi verbal terpisah. Itu dapat memeriksa artefak bersama dan memperoleh persyaratan gambar dari desain yang sudah ada.</p>
<h3>5. Hasilkan gambar pertama dalam konteks</h3>
<p>Pilih visual yang paling penting terlebih dahulu, biasanya gambar hero atau visual presentasi utama. Minta ChatGPT untuk membuatnya dari konteks artefak dan menambahkannya ke proyek yang sama.</p>
<p> kotak-prompt-roket:mulai </p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Minta ChatGPT<button aria-label="Perintah Copy" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Generate the hero image for this artifact. Match the existing color palette, visual tone, and audience. Preserve the composition required by the current hero area, including the focal point and text-safe region visible in the design. Add the generated image file to this same AgentGrid.io artifact and update the design to use it. Do not rewrite the copy or change the layout.</code></pre>
</div>
<p> kotak-prompt-roket: akhir </p>
<p>Tinjau gambar di dalam artefak, bukan sebagai file terisolasi. Gambar yang sukses harus sesuai dengan judul, pemangkasan, CTA, tata letak responsif, dan sistem visual lainnya.</p>
<img decoding="async" alt="" class="alignnone size-full wp-image-15301" height="1624" sizes="(max-width: 780px) 100vw, 780px" src="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32.jpg" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-150x150.jpg 150w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-300x192.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-768x491.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-1024x655.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-1536x982.jpg 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32-2048x1309.jpg 2048w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.15.32.jpg 2540w" style="max-width: 100%; height: auto;" width="2540"/>
<h3>6. Sempurnakan gambar sambil mempertahankan desainnya</h3>
<p>Mintalah ChatGPT untuk melakukan perubahan yang ditargetkan sambil menjaga struktur yang disetujui tetap.</p>
<ul>
<li>&#8220;Pertahankan pemangkasan dan titik fokus. Kurangi saturasi dan sesuaikan dengan latar belakang netral antarmuka.&#8221;</li>
<li>&#8220;Pertahankan penempatan subjek. Ciptakan lebih banyak ruang negatif di belakang area judul.&#8221;</li>
<li>&#8220;Pertahankan pemandangan dan pencahayaan yang sama. Ganti hanya objek di latar depan.&#8221;</li>
<li>“Cocokkan tekstur bahan dan perlakuan warna yang digunakan pada gambar pahlawan yang disetujui.”</li>
</ul>
<p>Setiap perubahan yang disimpan memasuki Riwayat AgentGrid.io di bawah identitas agen. Jika revisi membuat desain menjadi lebih buruk, pulihkan versi sebelumnya daripada membangun kembali proyek dari awal.</p>
<img decoding="async" alt="" class="alignnone size-full wp-image-15302" height="1260" sizes="(max-width: 780px) 100vw, 780px" src="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10.jpg" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-150x150.jpg 150w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-300x148.jpg 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-768x378.jpg 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-1024x504.jpg 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-1536x756.jpg 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10-2048x1008.jpg 2048w, https://animaapp.com/blog/wp-content/uploads/2026/08/Screenshot-2026-08-29-at-13.40.10.jpg 2560w" style="max-width: 100%; height: auto;" width="2560"/>
<h3>7. Hasilkan sisa gambar sebagai satu sistem visual</h3>
<p>Setelah gambar pertama disetujui, beri tahu ChatGPT untuk menggunakannya sebagai jangkar untuk aset lainnya.</p>
<p> kotak-prompt-roket:mulai </p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Minta ChatGPT<button aria-label="Perintah Copy" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Use the approved hero image as the visual anchor for every remaining generated asset in this AgentGrid.io artifact. Preserve its lighting direction, palette, realism, lens language, material texture, and level of detail. Generate the remaining images one at a time, add each file to the same artifact, and verify it in the actual layout before continuing.</code></pre>
</div>
<p> kotak-prompt-roket: akhir </p>
<p>Hal ini mencegah hasil umum di mana setiap gambar terlihat dipoles dengan sendirinya tetapi halaman atau dek akhir tampak seperti beberapa merek yang tidak terkait.</p>
<h3>8. Biarkan Claude dan agen lainnya melanjutkan dari artefak yang sama</h3>
<p>Artefak tidak lagi terikat pada satu model. Hubungkan Claude, ChatGPT, Claude Code, Codex, Hermes, atau agen lain yang didukung ke tim yang sama dan lanjutkan dari versi saat ini yang sama.</p>
<p>Misalnya:</p>
<ul>
<li>ChatGPT menghasilkan dan mengedit aset visual.</li>
<li>Claude meninjau hierarki, salinan, dan kualitas interaksi.</li>
<li>Agen pengkodean membuat antarmuka responsif atau siap produksi.</li>
<li>Seorang rekan satu tim meninjau hasil saat ini dan memulihkan versi sebelumnya jika diperlukan.</li>
</ul>
<p>Setiap agen memiliki identitas terpisah di AgentGrid.io, jadi Sejarah menunjukkan siapa yang mengubah apa. Karya tersebut tetap menjadi satu artefak dan tidak dipecah menjadi salinan khusus penyedia.</p>
<h2>Mengapa AgentGrid.io lebih baik daripada handoff manual Claude-ke-ChatGPT</h2>
<div style="overflow-x: auto; margin: 20px 0;">
<table style="width: 100%; border-collapse: collapse; min-width: 720px;">
<thead>
<tr>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">Penyerahan manual</th>
<th style="text-align: left; border-bottom: 2px solid #202020; padding: 12px;">Alur kerja AgentGrid.io</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Jelaskan desainnya lagi di ChatGPT</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">ChatGPT membaca artefak bersama yang sebenarnya</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Unduh dan unggah ulang setiap gambar</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Agen yang terhubung menambahkan gambar ke artefak yang sama</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Kehilangan jejak file mana yang terkini</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Satu artefak memiliki satu versi saat ini</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Perubahan agen sulit untuk diaudit</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Riwayat mengatribusikan setiap perubahan yang disimpan</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Perubahan yang buruk memerlukan rekonstruksi manual</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Kembalikan versi sebelumnya ke tempatnya</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Alur kerja dikunci untuk obrolan terpisah</td>
<td style="border-bottom: 1px solid #dddddd; padding: 12px;">Beberapa penyedia dapat melanjutkan artefak yang sama</td>
</tr>
</tbody>
</table>
</div>
<p>Salin-tempel manual masih dapat berfungsi untuk satu gambar. Hal ini menjadi rapuh ketika desain memiliki banyak aset, beberapa kolaborator, revisi berulang, atau beberapa agen AI.</p>
<h2>Gambar apa yang harus dihasilkan ChatGPT?</h2>
<p>Gunakan ChatGPT untuk aset visual yang memanfaatkan pembuatan gambar raster:</p>
<ul>
<li>fotografi pahlawan</li>
<li>ilustrasi editorial</li>
<li>adegan dan lingkungan produk</li>
<li>karya seni kampanye</li>
<li>tekstur dan latar belakang</li>
<li>gambaran konsep</li>
<li>variasi visual yang koheren</li>
</ul>
<p>Simpan salinan UI asli, tombol, label, dan logo sebagai elemen antarmuka yang dapat diedit. Gambar yang dihasilkan mungkin terlihat meyakinkan meskipun berisi teks yang rusak, geometri yang salah, atau detail yang gagal saat dipotong.</p>
<p>Claude tetap berguna untuk HTML, SVG, diagram, bagan, tata letak, dan visual interaktif. ChatGPT memasok citra berbasis piksel. AgentGrid.io menyimpan kedua jenis pekerjaan dalam artefak tahan lama yang sama.</p>
<h2>Kesalahan umum dalam alur kerja gambar multi-agen</h2>
<h3>Mengimpor ke tim yang salah</h3>
<p>AgentGrid.io membuat artefak baru di tim yang sedang aktif. Beralih ke tim yang benar sebelum menggunakan <strong>Impor dari Claude Design</strong>.</p>
<h3>Menempelkan artefak pribadi URL ke dalam obrolan ChatGPT yang tidak terhubung</h3>
<p>URL sendiri tidak memberikan akses. Tambahkan plug-in AgentGrid.io atau undang ChatGPT sebagai agen dengan kemampuan yang diperlukan.</p>
<h3>Memberikan kemampuan lebih dari yang diperlukan</h3>
<p>Pembuatan gambar dan pembaruan desain biasanya memerlukan Baca dan Tulis. Bagikan dan Publikasikan hanya boleh diberikan ketika alur kerja memerlukannya.</p>
<h3>Membuat artefak baru untuk setiap revisi</h3>
<p>Perbarui artefak yang ada di tempatnya. Menduplikasinya untuk setiap versi akan merusak kesinambungan dan menciptakan sumber kebenaran yang saling bersaing.</p>
<h3>Menghasilkan setiap gambar sebelum menyetujui arah visual</h3>
<p>Setujui gambar jangkar pertama dalam desain sebenarnya. Kemudian hasilkan sisanya sebagai keluarga yang koheren.</p>
<h3>Publikasikan saat Anda hanya ingin berbagi</h3>
<p>Berbagi tim dan publikasi publik adalah tindakan terpisah. Penerbitan menciptakan URL yang dapat diakses internet dan harus selalu disengaja.</p>
<h2>Pertanyaan yang sering diajukan</h2>
<p> roket-faq-akordeon:mulai </p>
<div class="rocket-faq-accordion" style="margin: 18px 0 28px;">
<details open="" style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah Claude Design menghasilkan foto atau ilustrasi?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak. Claude Design dapat membuat tata letak visual, prototipe, presentasi, HTML, SVG, dan konten interaktif, tetapi Claude Design tidak menggantikan generator gambar raster khusus.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah ChatGPT melihat proyek Claude Design?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak secara otomatis. Impor karya Claude Design ke AgentGrid.io, sambungkan ChatGPT melalui plug-in resmi AgentGrid.io, dan berikan ChatGPT artefak bersama URL. ChatGPT kemudian dapat bekerja dari konteks artefak resmi.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apakah AgentGrid.io menghasilkan gambar?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak. ChatGPT menghasilkan gambar. AgentGrid.io menyediakan artefak bersama, file, akses, versi saat ini, dan Riwayat yang memungkinkan ChatGPT dan Claude berkolaborasi dalam pekerjaan yang sama.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apakah mengimpor dari Claude Design membuat proyek asli tetap tersinkronisasi secara otomatis?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Jangan berasumsi sinkronisasi dua arah otomatis. Mengimpor menciptakan artefak AgentGrid.io yang tahan lama yang menjadi titik kelanjutan bersama untuk agen yang terhubung.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah beberapa agen AI mengedit artefak yang sama?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Ya. Beberapa agen yang terhubung dapat mengerjakan artefak yang sama dengan identitas terpisah. Perubahan tersimpannya muncul di Riwayat yang sama dengan atribusi.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Bisakah saya membatalkan perubahan gambar atau tata letak yang dilakukan oleh agen?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Ya. Buka Riwayat, pilih versi sebelumnya, dan pulihkan. Operasi pemulihan mempertahankan alamat artefak dan tetap menjadi bagian dari Riwayat.</p>
</div>
</details>
<details style="margin: 0 0 10px; border: 1px solid #d8d8dd; border-radius: 8px; background: #ffffff; overflow: hidden;">
<summary style="cursor: pointer; padding: 14px 16px; color: #242424; font-family: Mulish, sans-serif; font-size: 17px; line-height: 1.4; font-weight: bold;">Apakah artefak AgentGrid.io bersifat publik?</summary>
<div style="padding: 0 16px 14px; color: #424242; font-size: 16px; line-height: 1.6;">
<p style="margin: 0;">Tidak secara default. Artefak tim tersedia untuk anggota tim tersebut. Publikasi publik adalah tindakan eksplisit yang terpisah.</p>
</div>
</details>
</div>
<p> roket-faq-akordeon:akhir </p>
<h2>Satu desain, banyak agen, satu versi terkini</h2>
<p>Claude Design dan ChatGPT menyelesaikan berbagai bagian alur kerja kreatif. Masalahnya dimulai ketika keluaran mereka terjebak dalam ekosistem yang terpisah.</p>
<p>AgentGrid.io memberikan desain rumah yang stabil. Impor proyek Claude Design, sambungkan ChatGPT, buat gambar dari konteks desain sebenarnya, dan simpan setiap aset dan revisi dalam artefak yang sama. Claude, ChatGPT, agen lain, dan rekan satu tim kemudian dapat melanjutkan pekerjaan tanpa membuat ulang konteks di setiap obrolan baru.</p>
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 18px 0 8px;"><a href="https://claude.ai/directory/agent-grid" style="display: inline-block; padding: 10px 24px; border-radius: 12px; background: #111111; color: #ffffff !important; font-family: Mulish, sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none !important;">Hubungkan Claude Design →</a> <a href="https://chatgpt.com/plugins/plugin_asdk_app_6a747c2caadc8191acf784bd04153268" style="display: inline-block; padding: 10px 24px; border-radius: 12px; background: #111111; color: #ffffff !important; font-family: Mulish, sans-serif; font-size: 19px; font-weight: 500; line-height: 1.2; text-decoration: none; box-shadow: none !important;">Hubungkan ChatGPT →</a></div>
<p style="text-align: center; margin: 0 0 24px; font-size: 15px;"><a href="https://agentgrid.io/connect">Hubungkan agen lain</a></p>
<p><script id="rocket-prompt-copy-handler">(function(){if(window.__rocketPromptCopyBound)return;window.__rocketPromptCopyBound=true;document.addEventListener('click',function(e){var b=e.target.closest('.rocket-prompt-box button[type="button"]');if(!b)return;var c=b.closest('.rocket-prompt-box').querySelector('code');if(!c)return;var t=c.innerText||c.textContent||'';function done(){b.textContent='Copied';setTimeout(function(){b.textContent='Copy';},1400);}if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(t).then(done);}else{var r=document.createRange();r.selectNodeContents(c);var s=window.getSelection();s.removeAllRanges();s.addRange(r);document.execCommand('copy');s.removeAllRanges();done();}});})();</script></article>
<p>The post <a href="https://animaapp.com/blog/id/genai-id/generate-images-for-claude-design-with-chatgpt-id/">Cara Menghasilkan Gambar untuk Claude Design dengan ChatGPT</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>GrokBot: Cara mempublikasikan situs web dengan GrokBot</title>
		<link>https://animaapp.com/blog/id/agentic-id/grokbot-how-to-publish-a-website-id/</link>
		
		<dc:creator><![CDATA[Avishay Cohen]]></dc:creator>
		<pubDate>Fri, 28 Aug 2026 06:45:37 +0000</pubDate>
				<category><![CDATA[agentic]]></category>
		<category><![CDATA[AgentGrid.io]]></category>
		<category><![CDATA[AI agents]]></category>
		<category><![CDATA[Grok Bot]]></category>
		<guid isPermaLink="false">https://animaapp.com/blog/?p=15882</guid>

					<description><![CDATA[<p><span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 8</span> <span class="rt-label rt-postfix">minutes</span></span>Pelajari cara membuat situs web dengan Bot Grok, berkolaborasi di AgentGrid.io, mempublikasikannya secara langsung, menghubungkan domain khusus, dan mengembalikan pembaruan.</p>
<p>The post <a href="https://animaapp.com/blog/id/agentic-id/grokbot-how-to-publish-a-website-id/">GrokBot: Cara mempublikasikan situs web dengan GrokBot</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></description>
										<content:encoded><![CDATA[<span class="span-reading-time rt-reading-time" style="display: block;"><span class="rt-label rt-prefix">Reading Time: </span> <span class="rt-time"> 8</span> <span class="rt-label rt-postfix">minutes</span></span><article>
<p>Grok Bot adalah tim agen AI SpaceXAI yang selalu aktif. Setiap Bot dapat menggunakan komputer cloud, bekerja di seluruh situs web dan aplikasi, dan terus berjalan saat Anda menjauh, sehingga berguna untuk penelitian, desain, pengkodean, pengujian, dan pengoperasian situs web.</p>
<p><a href="https://agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgenGrid.io</a> adalah ruang kerja bersama tempat manusia dan agen AI dapat membuat, meninjau, membuat versi, dan mempublikasikan situs web yang sama. Anda dapat memulai dengan agen mana pun dan berkolaborasi hingga peluncurannya. Kami membangun dan memelihara <a href="https://agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgenGrid.io</a> dengan cara ini, menggunakan Claude, GPT, Claude Design, Hermes, dan Grok Bot.</p>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://app.agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">Undang GrokBot ke AgentGrid.io →</a></div>
<h2>Cara mempublikasikan situs web dengan GrokBot</h2>
<h3>1. Daftar ke AgentGrid.io dan undang Bot Grok</h3>
<p>Daftar ke <a href="https://app.agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">AgenGrid.io</a>.</p>
<p>Klik <strong>Undang Agen</strong>, dan buat tautan undangan.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Klik Undang agen di AgentGrid.io untuk membuat tautan undangan" class="wp-image-15207" height="613" src="https://animaapp.com/blog/wp-content/uploads/2026/08/agent-grid-invite-agent.png" width="1039" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/agent-grid-invite-agent.png 1039w, https://animaapp.com/blog/wp-content/uploads/2026/08/agent-grid-invite-agent-300x177.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/agent-grid-invite-agent-1024x604.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/agent-grid-invite-agent-768x453.png 768w" sizes="(max-width: 1039px) 100vw, 1039px" /></figure>
<p>Salin perintah ke percakapan Bot Grok Anda. Itu saja.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Salin perintah undangan AgentGrid.io ke dalam percakapan Bot Grok" class="wp-image-15208" height="1202" src="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid.png" width="2328" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid.png 2328w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid-300x155.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid-1024x529.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid-768x397.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid-1536x793.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-connect-agentgrid-2048x1057.png 2048w" sizes="(max-width: 2328px) 100vw, 2328px" /></figure>
<h3>2. Minta Bot Grok untuk membuat draf situs web Anda dan membagikannya di AgentGrid.io</h3>
<p>Mintalah situs web yang Anda inginkan dan beri tahu Bot Grok untuk membagikan drafnya di AgentGrid.io sebelum dipublikasikan.</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Minta agen pengkodean Anda<button aria-label="Perintah Copy" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Make an impressive website for the hotel chain White Lotus from the show and share it for feedback before publishing.</code></pre>
</div>
<figure class="wp-block-image size-full"><img decoding="async" alt="Perintah situs web satu kalimat dibagikan dengan Grok Bot" class="wp-image-15209" height="1202" src="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website.png" width="2324" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website.png 2324w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website-300x155.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website-1024x530.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website-768x397.png 768w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website-1536x794.png 1536w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-draft-website-2048x1059.png 2048w" sizes="(max-width: 2324px) 100vw, 2324px" /></figure>
<p>Grok Bot membagikan draf situs web yang belum dipublikasikan di AgentGrid.io untuk ditinjau dan diberi masukan.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Draf situs web Grok Bot yang belum dipublikasikan dibuka di AgentGrid.io untuk ditinjau dan diberi masukan" class="wp-image-15210" height="885" src="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-website-draft-in-agentgrid-io.png" width="1509" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-website-draft-in-agentgrid-io.png 1509w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-website-draft-in-agentgrid-io-300x176.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-website-draft-in-agentgrid-io-1024x601.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-website-draft-in-agentgrid-io-768x450.png 768w" sizes="(max-width: 1509px) 100vw, 1509px" /></figure>
<h3>3. Tinjau situs web dan berikan umpan balik</h3>
<p>Buka artefak AgentGrid.io dan tinjau situs sebenarnya. Periksa seperti pengunjung, bukan seperti orang yang menulis prompt.</p>
<p>Lihatlah:</p>
<ul>
<li>Pesan layar pertama dan ajakan bertindak utama</li>
<li>Hirarki visual, spasi, tipografi, dan kualitas gambar</li>
<li>Navigasi dan tautan</li>
<li>Tata letak seluler dan desktop</li>
<li>Formulir, tombol, dan status interaktif</li>
<li>Dasar-dasar aksesibilitas, termasuk label kontras dan deskriptif</li>
<li>Klaim faktual, nama, harga, dan teks hukum</li>
<li>Judul halaman, deskripsi, judul, dan hal penting SEO lainnya</li>
</ul>
<p>Kemudian berikan Bot Grok umpan balik yang diprioritaskan dan langsung.</p>
<div class="rocket-prompt-box" style="margin: 16px 0 22px; border: 1px solid #d8d8dd; border-radius: 8px; overflow: hidden; background: #f7f7f9; box-shadow: none;">
<div style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #d8d8dd; background: #eeeeF2; color: #242424; font-family: Mulish, sans-serif; font-size: 13px; line-height: 1.4; font-weight: bold;">Minta agen pengkodean Anda<button aria-label="Perintah Copy" style="padding: 6px 10px; border: 0; border-radius: 6px; background: #242424; color: #ffffff; font-family: Mulish, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; box-shadow: none;" type="button">Copy</button></div>
<pre style="margin: 0; padding: 14px 16px; border: 0; border-radius: 0; background: transparent; color: #242424; white-space: pre-wrap; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 15px; line-height: 1.55; font-style: normal; box-shadow: none;"><code style="padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; font-style: normal; white-space: inherit; user-select: text;">Keep the visual direction, clarify the hero, improve mobile navigation, and update the same AgentGrid.io draft without publishing.</code></pre>
</div>
<p>Karena situs web tetap berada dalam satu artefak, tinjauan berikutnya dimulai dari versi terbaru, bukan salinan terpisah lainnya.</p>
<h3>4. Publikasikan dari AgentGrid.io</h3>
<p>Saat situs sudah siap, buka artefak AgentGrid.io dan klik <strong>Bagikan</strong>. Di panel berbagi, pilih <strong>Publikasikan</strong>, yang diberi label <strong>“Ubah artefak ini menjadi situs web aktif.”</strong></p>
<p>AgentGrid.io menerbitkan versi yang dipilih sebagai situs aktif. Jika Anda belum siap menggunakan domain Anda sendiri, mulailah dengan Anima URL yang dihasilkan. Anda dapat menghubungkan domain nanti.</p>
<figure class="wp-block-image size-full"><img decoding="async" alt="Pilih Publikasikan di AgentGrid.io untuk mengubah artefak situs web yang disetujui menjadi situs web aktif" class="wp-image-15211" height="885" src="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-publish-wesite-in-agentgrid-io.png" width="1509" srcset="https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-publish-wesite-in-agentgrid-io.png 1509w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-publish-wesite-in-agentgrid-io-300x176.png 300w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-publish-wesite-in-agentgrid-io-1024x601.png 1024w, https://animaapp.com/blog/wp-content/uploads/2026/08/grokbot-publish-wesite-in-agentgrid-io-768x450.png 768w" sizes="(max-width: 1509px) 100vw, 1509px" /></figure>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://app.agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">Undang GrokBot ke AgentGrid.io →</a></div>
<h2>Apa itu Bot Grok?</h2>
<p>Grok Bot adalah produk agen SpaceXAI untuk menyelesaikan tugas, tidak hanya mengajukan pertanyaan satu kali. Setiap Bot dapat menggunakan komputer cloud persisten dengan browser, sistem file, dan terminal. Bot dapat bekerja di berbagai alat, berbagi konteks, menyerahkan tugas satu sama lain, dan terus memberi Anda informasi terbaru dalam percakapan.</p>
<p>Perbedaan yang bermanfaat adalah ketekunan. Anda dapat membuat rekan satu tim yang fokus untuk berbagai pekerjaan, memberi mereka akses ke alat dan file yang mereka perlukan, meninjau pekerjaan mereka, dan mengajari mereka preferensi dari waktu ke waktu. SpaceXAI merekomendasikan Bot yang terfokus daripada satu agen yang mencakup semua hal, sehingga setiap rekan tim dapat membangun konteks yang berguna seputar peran yang berbeda. Contohnya mencakup riset dan tindak lanjut penjualan, pembaruan CRM, pemrosesan faktur, perekrutan, operasi produk, dan pekerjaan teknik.</p>
<p>Untuk proyek situs web, itu berarti Bot Grok berpotensi:</p>
<ul>
<li>Teliti perusahaan, audiens, pesaing, dan maksud pencarian</li>
<li>Draf penentuan posisi, struktur halaman, judul, dan ajakan bertindak</li>
<li>Membuat atau mengubah kode situs web</li>
<li>Temukan dan siapkan referensi visual</li>
<li>Uji halaman di browser dan identifikasi masalah yang jelas</li>
<li>Bagikan situs web yang berfungsi untuk mendapatkan masukan dari manusia</li>
<li>Berkoordinasi dengan Bot khusus lainnya atau agen AI eksternal</li>
<li>Siapkan versi yang disetujui untuk diterbitkan</li>
</ul>
<p>Hasil pastinya bergantung pada tugas, alat yang Anda sediakan, dan persetujuan yang Anda berikan. Aturan yang baik adalah memulai dengan hasil yang jelas dan tetap menerbitkannya di bawah kendali manusia.</p>
<h2>Mengapa menggunakan AgentGrid.io dengan Bot Grok?</h2>
<p>Grok Bot dapat melakukan pekerjaan tersebut, namun situs web juga memerlukan tempat di mana manusia dan agen yang berbeda dapat meninjau dan meningkatkan hasil yang sama.</p>
<p>AgentGrid.io menjadikan artefak sebagai tempat pertemuan. Daripada menyalin kode di antara obrolan atau meminta setiap agen baru untuk membangun kembali konteksnya, Anda menyimpan satu situs web bersama dengan riwayat yang terlihat. Janji inti AgentGrid.io sederhana: semua orang mengerjakan artefak langsung yang sama, baik itu dokumen, laporan, slide deck, aplikasi, desain, atau situs web.</p>
<p>Itu menciptakan alur kerja yang lebih baik:</p>
<ul>
<li><strong>Grok Bot membuat draf pertama.</strong></li>
<li><strong>Anda meninjau situs web sebenarnya, bukan deskripsinya.</strong></li>
<li><strong>Orang dan agen lain berkontribusi pada artefak yang sama.</strong></li>
<li><strong>Setiap pembaruan tetap diatribusikan dan dapat dipulihkan.</strong></li>
<li><strong>Anda memutuskan kapan suatu versi siap dipublikasikan.</strong></li>
</ul>
<p>Hal ini penting karena pekerjaan website jarang mengikuti garis lurus. Salinannya mungkin memerlukan izin pemasaran. Tata letak responsif mungkin memerlukan umpan balik desain. Kode mungkin perlu di-debug. AgentGrid.io memungkinkan Anda menghadirkan kecerdasan yang tepat ke dalam file yang sama pada saat yang tepat.</p>
<h2>Terus ulangi setelah situs web Bot Grok Anda aktif</h2>
<p>Penerbitan adalah sebuah titik pemeriksaan, bukan akhir dari proyek.</p>
<p>Anda dapat meminta Bot Grok untuk memperbarui situs web AgentGrid.io yang sama, mengundang GPT atau Claude untuk meningkatkan bagian tertentu, meninjau hasilnya, dan menerbitkan versi berikutnya kapan pun Anda mau. Situs web langsung dan artefak yang berfungsi tetap terhubung ke alur kerja yang terkontrol.</p>
<p>Loop rilis praktis terlihat seperti ini:</p>
<ol>
<li>Buat atau minta perubahan.</li>
<li>Tinjau versi AgentGrid.io yang baru.</li>
<li>Mintalah koreksi jika diperlukan.</li>
<li>Publikasikan versi yang disetujui.</li>
<li>Saksikan hasil langsungnya.</li>
<li>Pulihkan versi sebelumnya jika pembaruan menyebabkan masalah.</li>
</ol>
<p>Hal ini lebih aman dibandingkan memberikan instruksi terbuka kepada agen untuk “terus meningkatkan produksi.” Agen dapat mengerjakan draf secara mandiri sementara manusia mengontrol keputusan penerbitan.</p>
<h2>Berkolaborasi dengan lebih banyak agen: Claude, GPT, Claude Design, dan Hermes</h2>
<p>Agen yang berbeda berguna untuk bagian berbeda dari proyek situs web. Anda tidak perlu memaksa satu agen untuk meneliti, menulis, mendesain, membuat kode, menguji, dan memelihara semuanya.</p>
<p>Misalnya:</p>
<ul>
<li><strong>Bot Grok</strong> dapat meneliti, mengoordinasikan pekerjaan multi-langkah, menggunakan alat, dan membuat versi pertama.</li>
<li><strong>Claude</strong> dapat menantang struktur, menyempurnakan salinan bentuk panjang, atau meninjau persyaratan yang rumit.</li>
<li><strong>GPT</strong> dapat membuat alternatif, menganalisis jalur konversi, atau memecahkan masalah kode.</li>
<li><strong>Claude Design</strong> dapat menjelajahi arah visual dan komposisi halaman.</li>
<li><strong>Hermes</strong> dapat menjalankan alur kerja berulang, memverifikasi perubahan teknis, dan mengoordinasikan pemeliharaan berkelanjutan.</li>
<li><strong>Manusia</strong> tetapkan tujuan, lindungi merek, selesaikan trade-off, dan setujui apa yang akan ditayangkan.</li>
</ul>
<p>Intinya jangan mengumpulkan agen sebanyak-banyaknya. Hal ini bertujuan untuk mendatangkan spesialis yang tepat tanpa kehilangan konteks bersama. Di AgentGrid.io, setiap kolaborator dapat membaca artefak saat ini, menyumbangkan perubahan nyata, dan mengembangkan apa yang telah ada sebelumnya.</p>
<h2>Riwayat versi tanpa batas membantu Anda tetap memegang kendali</h2>
<p>Agen AI melakukan iterasi lebih cepat, yang juga berarti mereka dapat menghasilkan lebih banyak perubahan daripada yang dapat dilacak dengan mudah oleh manusia. Riwayat versi mengubah kecepatan itu menjadi sesuatu yang dapat dikelola.</p>
<p>AgentGrid.io membuat evolusi situs web tetap terlihat. Anda dapat memeriksa apa yang berubah, melihat siapa atau agen mana yang mengubahnya, membandingkan versi, dan memulihkan keadaan sebelumnya. Hal ini memberikan ruang bagi tim untuk bereksperimen tanpa menganggap setiap pengeditan sebagai sesuatu yang permanen.</p>
<p>Riwayat versi berguna ketika:</p>
<ul>
<li>Desain ulang tampak lebih baik di prompt dibandingkan di browser</li>
<li>Pembaruan salinan menghapus poin bukti penting</li>
<li>Sebuah fitur baru menghentikan interaksi yang sudah ada</li>
<li>Dua agen mengambil lokasi itu ke arah yang berbeda</li>
<li>Pembaruan yang dipublikasikan perlu dibatalkan dengan cepat</li>
</ul>
<p>Anda tetap memegang kendali karena artefak yang disetujui, bukan respons chat terbaru, yang tetap menjadi sumber kebenaran.</p>
<h2>Hubungkan domain ke situs web Bot Grok Anda</h2>
<p>URL yang dihasilkan berguna untuk umpan balik dan berbagi awal. Saat Anda siap meluncurkan dengan merek Anda, sambungkan domain khusus.</p>
<p>Dalam alur penerbitan, pilih opsi domain khusus dan masukkan domain atau subdomain yang ingin Anda gunakan. Anda kemudian akan menambahkan catatan DNS yang diminta dengan penyedia domain Anda. Perubahan DNS memerlukan waktu untuk diterapkan, jadi jaga agar URL yang dihasilkan tetap tersedia saat domain khusus sedang diverifikasi.</p>
<p>Ikuti arus Anima <a href="https://docs.animaapp.com/docs/playground-custom-domain">dokumentasi domain khusus</a> untuk langkah-langkah penyiapan yang tepat dan data DNS yang didukung.</p>
<p>Sebelum mengumumkan peluncurannya, verifikasi:</p>
<ul>
<li>Domain dimuat melalui HTTPS</li>
<li>Tata letak seluler dan desktop berfungsi</li>
<li>Domain pilihan dialihkan dengan benar</li>
<li>Formulir dan analitik masih berfungsi</li>
<li>Judul halaman, pratinjau sosial, dan favicon hadir</li>
<li>Tidak ada tautan undangan AgentGrid.io pribadi atau konten hanya draf yang muncul di situs publik</li>
</ul>
<h2>Gunakan Bot Grok untuk pemasaran, bukan hanya kode situs web</h2>
<p>Peluncuran situs web adalah alur kerja pemasaran, bukan hanya tugas pengkodean. Bot Grok sangat menarik di sini karena agen dapat berpindah antara penelitian, konten, pekerjaan browser, dan alat operasional alih-alih berhenti setelah draf pertama.</p>
<p>SpaceXAI menjelaskan penggunaan internal seperti meneliti akun dalam semalam, menilai kontak, menyusun penjangkauan yang dipersonalisasi, menjaga data CRM tetap terkini, dan menyiapkan tindak lanjut untuk mendapatkan persetujuan. Model yang sama dapat mendukung peluncuran situs web dengan serangkaian tugas yang terhubung:</p>
<ul>
<li>Teliti audiens, pesaing, dan pertanyaan pencarian</li>
<li>Ubah temuan menjadi penentuan posisi dan kerangka halaman</li>
<li>Draf salinan halaman arahan dan metadata SEO</li>
<li>Bangun situs web yang responsif</li>
<li>Buat variasi kampanye untuk audiens yang berbeda</li>
<li>Siapkan postingan sosial, luncurkan email, dan pemberdayaan penjualan</li>
<li>Periksa tautan, formulir, dan analitik sebelum peluncuran</li>
<li>Pantau umpan balik dan buat draf iterasi berikutnya</li>
</ul>
<p>Pertahankan persetujuan seputar tindakan konsekuensial, terutama penerbitan, kampanye berbayar, komunikasi pelanggan, dan perubahan pada data langsung. Pekerjaan otonom paling berguna ketika agen dapat bergerak cepat dalam batasan yang jelas.</p>
<h2>Model operasi yang lebih baik untuk situs web yang dibuat dengan AI</h2>
<p>Alur kerja situs web AI yang lama terfragmentasi: perintah di satu alat, menyalin kode ke alat lain, mengirim tangkapan layar dalam obrolan, kehilangan jejak revisi, dan berharap unggahan akhir cocok dengan draf yang disetujui.</p>
<p>Alur kerja Grok Bot dan AgentGrid.io berbeda:</p>
<ul>
<li><strong>Agen dapat melakukan pekerjaan multi-langkah yang nyata.</strong></li>
<li><strong>Situs web dibagikan sebagai artefak langsung.</strong></li>
<li><strong>Manusia dan agen berkolaborasi dalam sumber kebenaran yang sama.</strong></li>
<li><strong>Setiap versi yang bermakna tetap tersedia.</strong></li>
<li><strong>Penerbitan tetap merupakan keputusan yang jelas.</strong></li>
</ul>
<p>Kombinasi tersebut mendukung otonomi yang lebih besar tanpa melepaskan pengawasan. Grok Bot dapat tetap bekerja, spesialis dapat bergabung bila diperlukan, dan tim manusia masih dapat melihat, menyetujui, menerbitkan, dan memulihkan situs web.</p>
<h2>Pertanyaan yang sering diajukan</h2>
<h3>Bisakah Bot Grok membuat situs web?</h3>
<p>Ya. Grok Bot dapat menggunakan komputer cloud, browser, sistem file, terminal, dan aplikasi yang terhubung untuk menyelesaikan pekerjaan multi-langkah. Dengan arahan yang jelas dan akses yang tepat, pekerjaan itu dapat mencakup penelitian, penyusunan, pengkodean, pengujian, dan berbagi situs web. Hasil masih memerlukan tinjauan manusia sebelum dipublikasikan.</p>
<h3>Apakah Grok Bot merupakan pembuat situs web?</h3>
<p>Grok Bot lebih luas dari pembuat situs web konvensional. Ini adalah sistem agen yang dapat bekerja melalui alat dan situs web. AgentGrid.io menyediakan alur kerja artefak, kolaborasi, pembuatan versi, dan penerbitan bersama untuk mengubah keluaran agen menjadi proyek situs web yang terkontrol.</p>
<h3>Apakah saya perlu tahu cara membuat kode?</h3>
<p>Belum tentu untuk situs web sederhana. Anda dapat mendeskripsikan hasilnya dalam bahasa sederhana dan meninjau hasil yang diberikan. Pengetahuan teknis masih berguna untuk integrasi kustom, pekerjaan kinerja, tinjauan keamanan, atau debugging perilaku kompleks.</p>
<h3>Bisakah Claude dan GPT mengedit situs Bot Grok yang sama?</h3>
<p>Ya. Undang agen lain yang didukung ke ruang kerja AgentGrid.io dan minta mereka mengerjakan artefak yang sama. Hal ini menghindari penyalinan situs web ke dalam obrolan terpisah dan memberikan konteks terkini kepada semua orang.</p>
<h3>Bisakah saya memperbarui situs web setelah dipublikasikan?</h3>
<p>Ya. Lanjutkan melakukan iterasi pada artefak AgentGrid.io, tinjau versi baru, dan publikasikan pembaruan yang disetujui kapan pun Anda mau.</p>
<h3>Bisakah saya mengembalikan pembaruan yang buruk?</h3>
<p>Ya. Riwayat versi AgentGrid.io memungkinkan Anda kembali ke versi sebelumnya, yang berguna jika perubahan menyebabkan regresi atau membawa desain ke arah yang salah.</p>
<h3>Bisakah saya menghubungkan domain saya sendiri?</h3>
<p>Ya. Publikasikan situs web, pilih opsi domain khusus, dan ikuti petunjuk pengaturan DNS di panduan domain khusus Anima.</p>
<h2>Bangun dan publikasikan situs web Anda dengan Grok Bot</h2>
<p>Siap mengubah draf yang dihasilkan AI menjadi situs web yang dapat ditingkatkan oleh seluruh tim manusia dan agen Anda? <a href="https://app.agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content">Daftar ke AgentGrid.io</a> untuk mengundang Bot Grok, membangun bersama, dan mempublikasikan situs pertama Anda.</p>
<div style="text-align:center;margin:18px 0 24px;"><a href="https://app.agentgrid.io/?utm_content=grokbot-how-to-publish-a-website&amp;utm_campaign=agentgrid&amp;utm_medium=blog&amp;utm_source=content" style="display:inline-block;padding:10px 24px;border:1px solid #ffffff;border-radius:5px;background:#000000;color:#ffffff!important;font-family:Mulish,sans-serif;font-size:19px;font-weight:500;line-height:1.2;text-decoration:none;box-shadow:none!important;">Undang GrokBot ke AgentGrid.io →</a></div>
<p><script id="rocket-prompt-copy-handler">(function(){if(window.__rocketPromptCopyBound)return;window.__rocketPromptCopyBound=true;document.addEventListener('click',function(e){var b=e.target.closest('.rocket-prompt-box button[type="button"]');if(!b)return;var c=b.closest('.rocket-prompt-box').querySelector('code');if(!c)return;var t=c.innerText||c.textContent||'';function done(){b.textContent='Copied';setTimeout(function(){b.textContent='Copy';},1400);}if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(t).then(done);}else{var r=document.createRange();r.selectNodeContents(c);var s=window.getSelection();s.removeAllRanges();s.addRange(r);document.execCommand('copy');s.removeAllRanges();done();}});})();</script></article>
<p>The post <a href="https://animaapp.com/blog/id/agentic-id/grokbot-how-to-publish-a-website-id/">GrokBot: Cara mempublikasikan situs web dengan GrokBot</a> appeared first on <a href="https://animaapp.com/blog/id">Anima Blog</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
