Claude Design ternyata adalah sebuah "proyek sampingan" yang lahir dari persaingan.
Di baliknya, ada cerita tentang dua orang engineer dan seorang designer.
Ceritanya dimulai dari peluncuran Opus 4.5 pada November 2025.
Saat itu, Nate Parrott adalah satu-satunya designer dalam proyek Claude Code di VS Code, dikelilingi oleh dua engineer.
Nate Parrott, Product Designer Anthropic, mengulas keseluruhan proses kelahiran Claude Design dengan sudut pandang orang pertama di blog resmi.
Ketiga orang ini bersama-sama mengerjakan satu hal: mengubah Claude Code yang hanya bisa dioperasikan dengan perintah terminal, menjadi antarmuka yang bisa dipahami dan digunakan dengan mudah oleh orang awam.
Akhir September, produk masuk fase beta, semuanya berjalan normal; lalu November, Opus 4.5 dirilis. Gambaran selanjutnya, Parrott mendeskripsikannya seperti ini:
Dua engineer tiba-tiba mulai bekerja dengan sangat gila, output mereka jauh lebih banyak dari sebelumnya, sementara dia tetap pada kecepatan yang sama.
Dengan cepat, dia tertinggal.
"Harus menemukan cara untuk mengejar," pikir Parrott.
Jadi dia menggunakan waktu luangnya untuk mengotak-atik sebuah alat kecil, khusus untuk membantunya mengejar ritme pekerjaan engineering.
Dan "proyek sampingan" ini, adalah Claude Design yang kemudian digunakan oleh lebih dari 1 juta orang dalam minggu pertama setelah diluncurkan.
Engineering Melaju Lebih Dulu, Design Tertinggal di Belakang
Bagian yang menyakitkan dari cerita ini adalah, AI tidak meningkatkan kecepatan semua orang secara merata, melainkan membuat engineering melaju dengan sangat cepat lebih dulu.
Akibatnya, bidang design yang digeluti Parrott, dengan cepat menjadi mata rantai paling lambat dalam keseluruhan alur kerja.
Titik baliknya adalah tanggal 24 November 2025, hari Opus 4.5 diluncurkan.
Menurut Parrott, setelah itu ritme pengiriman kerja seluruh tim Claude Code jelas lebih cepat, output dua engineer meningkat signifikan, sementara output design-nya tetap pada kecepatan yang sama.
Ini memaksanya untuk menemukan cara mengejar ketertinggalan.
Hal ini justru mengungkap sisi gelombang AI yang paling mudah diabaikan, dampak pertama yang ditimbulkannya seringkali bukan tentang apakah suatu posisi pekerjaan akan hilang, tetapi mengacaukan ritme yang sebelumnya selaras antar alur kerja yang berbeda.
Misalnya, begitu engineering meningkatkan kecepatan, bagian-bagian seperti design, produk, pemasaran, semua yang tidak bisa mengimbangi, akan seketika menjadi hambatan baru.
Eksperimen Sampingan Sebulan, dari "AI Menulis Desain" ke "AI Menulis HTML"
Awalnya, ide Parrott sangat langsung.
Claude Code adalah alat terminal berbasis teks murni, awalnya dia juga mengikuti alur pikir ini, memperlakukan desain sebagai pekerjaan berbasis teks:
Membundel output terminal, beberapa tangkapan layar antarmuka, dan satu permintaan, lalu memberikannya ke Claude, sambil berkata "Ini adalah fitur yang ingin kami tambahkan, coba kamu desain".
Hasilnya tidak memuaskan.
Selama sekitar sebulan berikutnya, dia memperlakukan hal ini sebagai proyek sampingan (side project): tidak dianggap sebagai proyek resmi, hanya menggunakan waktu di luar pekerjaan utama untuk sedikit demi sedikit memajukannya.
Perlahan-lahan, dia menemukan solusi yang sebenarnya: Claude sangat ahli dalam menulis HTML.
Kita terbiasa menganggap HTML sebagai alat untuk membuat halaman web.
Tapi pencerahan Parrott adalah, HTML sebenarnya adalah media visual interaktif yang sangat kaya: slide presentasi, file video, PDF... apa yang bisa mereka lakukan, bisa kamu lakukan dengan sebuah halaman web.
Jadi dia berhenti meminta Claude "menggambar desain", tetapi memintanya "menghasilkan HTML", lalu memberinya sebuah antarmuka: obrolan di kiri, pratinjau langsung di kanan. Kamu mengatakan sesuatu, sisi kanan akan berubah mengikutinya.
Titik terobosan yang ditemukan Parrott bukan pada "membuat AI menggambar", tetapi pada "memperlakukan HTML sebagai kanvas visual yang seragam": slide presentasi, prototipe interaktif, animasi, halaman web, sejak saat itu bisa masuk ke dalam alur produksi dan pengeditan yang sama.
Antarmuka kerja Claude Design: percakapan di kiri, kanvas di kanan, persis seperti ide prototipe awal yang dibuat Parrott.
Hanya HTML Tidak Cukup, Sistem Brand adalah Kuncinya
Hanya bisa menulis HTML, masih jauh dari "bisa digunakan".
Menurut Parrott, inti dari desain produk adalah menuangkan pemahamanmu tentang produk dan brand tersebut ke dalam setiap tindakan desain yang spesifik.
Jadi dia menghabiskan waktu cukup banyak untuk menyaring perlahan-lahan hal-hal yang berkaitan dengan brand Anthropic itu—font, skema warna, material, dan prinsip desain—ke dalam prompt.
Dengan begini, ketika dia mengetik permintaan ke AI, desain yang dihasilkan secara alami lebih mendekati pedoman Anthropic.
Dia memasukkan seluruh rangkaian ini ke dalam sebuah prototipe internal yang sangat kecil, lalu membagikannya ke tim. Para product designer langsung menggunakannya untuk membuat prototipe interaktif.
Dalam alat desain tradisional, membuat prototipe yang bisa diklik berarti kamu harus menggambar setiap status dari setiap antarmuka, lalu menghubungkannya satu per satu secara manual.
Sedangkan di Claude Design, kamu cukup memberikan material ke Claude, mengatakan "buat ini berjalan", hasilnya akan dilengkapi dengan sebuah tautan, dan kamu bisa langsung membagikannya ke rekan kerja seperti mengirim dokumen biasa.
Ini kemudian menjadi kemampuan inti dari seluruh produk.
Hari ini, ketika kamu mulai menggunakan Claude Design, pada konfigurasi pertama kalinya, alat ini akan membaca repositori kode dan file desainmu, lalu secara otomatis menyusun sistem desain untuk tim.
Setelah itu, setiap proyek akan secara otomatis menerapkan warna, font, dan komponenmu. Tim besar juga bisa menunjuk seorang admin, untuk mengunci satu set sistem standar yang tidak boleh diubah sembarangan oleh siapa pun.
Sebuah Offsite, Memaksa Proyek Sampingan Menjadi Proyek Resmi
Hal yang benar-benar membuat Parrott merasakan "ini berhasil", adalah presentasi ide dalam sebuah offsite (pertemuan di luar kantor) oleh tim Anthropic Labs.
Dia menemukan, hampir semua orang yang hadir menggunakan alat ini untuk merangkai slide presentasi, bahkan banyak yang melakukannya di tengah-tengah pertemuan, tepat sebelum giliran mereka berbicara, baru membuatnya secara dadakan.
Adegan inilah yang meyakinkan tim Labs untuk secara resmi mengalokasikan sumber daya manusia untuk proyek ini. Sejak saat itu, sebuah proyek sampingan, resmi menjadi sebuah produk sungguhan.
Jalan Claude Design ini, sebenarnya sudah pernah dilalui Anthropic sebelumnya.
Tanggal 13 Januari 2026, Anthropic mengumumkan perluasan Labs, mendatangkan co-founder Instagram Mike Krieger dan Ben Mann untuk mengelola, dengan posisi sebagai produk eksperimental yang menginkubasi kemampuan terdepan Claude.
Claude Code juga dimulai dari preview penelitian (research preview), dan tumbuh menjadi produk bernilai miliaran dolar dalam enam bulan.
Claude Design menempuh jalan yang sama: eksperimen pribadi satu orang, lalu diadopsi secara aktif oleh designer internal, kemudian "dipilih" oleh rekan kerja melalui penggunaan di presentasi ide, akhirnya Labs mengalokasikan personel, merilis preview penelitian ke publik, lalu beralih ke beta.
Dalam rantai ini, tidak ada satu langkah pun yang direncanakan secara top-down.
Produk yang benar-benar native AI, seringkali bukan dirancang, tetapi "digunakan" secara nyata dari dalam.
Nilai Bergerak ke Depan, Designer Bukan Lagi Sekadar "Pembuat Gambar"
Setelah Claude Design resmi menjadi produk, posisinya dengan cepat berubah.
Mereka tidak lagi melihatnya sebagai alat yang hanya membuat gambar antarmuka.
Slide presentasi, landing page, PDF yang bisa dicetak satu halaman, email, animasi, gambar untuk media sosial, selama itu adalah pekerjaan komunikasi visual, Claude Design bisa menanganinya.
Menurut Parrott sendiri, alat ini "satu tingkat lebih tinggi dari product design": yang kamu asah bersama Claude, adalah material visual yang terutama digunakan untuk komunikasi dan konseptualisasi.
Pembagian kerjanya jelas: Claude Design menangani tahap awal, eksplorasi cepat, perbandingan arah, perolehan konsensus; Claude Code menangani tahap akhir, pengembangan produksi yang sebenarnya.
Keduanya juga bisa saling terhubung: gunakan /design-sync untuk menarik sistem desain, gunakan /design untuk mengedit langsung di terminal, dihubungkan di tengah oleh MCP.
Claude Design dapat mengekspor PDF, PPTX, HTML, dan terhubung dengan alat seperti Canva, Adobe, Gamma, Miro, Replit, Vercel, Wix.
Hasil karya bisa diekspor ke PDF, PPTX, HTML, juga bisa dengan satu klik dikirim ke alat-alat seperti Canva, Adobe, Gamma, Miro, Replit, Vercel, Wix untuk dikerjakan lebih lanjut.
Tapi Claude Design bukanlah model pembuatan gambar. Parrott mengakui: alat ini tidak cocok untuk membuat Logo, Logo, gambar, dan material brand yang sudah ada, harus kamu impor sendiri.
Jika benar-benar ingin menulis perangkat lunak produksi yang akan diluncurkan, Anthropic tetap menyarankan untuk menggunakan Claude Code dengan benar.
Pada dasarnya, Claude Design adalah alat tahap awal, bukan platform pengembangan produksi yang matang.
Semakin model AI mampu menggantikan pekerjaan menulis kode, pekerjaan yang benar-benar berharga justru semakin bergerak maju, nilai seorang designer beralih ke pemilihan arah, pembangunan sistem, penilaian kualitas, dan mendorong konsensus.
Kembali ke situasi awal.
Saat dua engineer di sekitarnya tiba-tiba melaju kencang, Parrott sebagai satu-satunya designer dalam kelompok tertinggal di belakang. Dia tidak menunggu, tetapi mengambil tindakan sendiri, menciptakan alat untuk mengejar ketertinggalan.
Siapa sangka, alat ini kemudian digunakan oleh jutaan orang.
Jadi, ketika pekerjaanmu terdampak AI dan merasa cemas, coba tiru langkah Parrott ini: gunakan AI untuk menciptakan alat baru untuk dirimu sendiri, atau temukan alat seperti itu, untuk membuka situasi baru.
Referensi:
https://claude.com/blog/how-the-product-designer-who-built-claude-design-uses-it-to-explore-ideas-before-building-them?utm_source=chatgpt.com
https://www.anthropic.com/news/claude-design-anthropic-labs?utm_source=chatgpt.com
Artikel ini berasal dari akun WeChat publik "新智元", penulis: ASI启示录
