Bab 1: Apa Itu Claude Design ── Gambaran Lengkap Peluncurannya

1-1. Apa yang terjadi

Pada hari Jumat, 17 April 2026, Anthropic merilis produk baru bernama "Claude Design" sebagai pratinjau penelitian dari Anthropic Labs. Produk ini dibangun di atas model unggulan terbaru Claude Opus 4.7 yang dirilis pada periode yang sama, dan diluncurkan secara bertahap pada hari yang sama kepada pelanggan paket Pro, Max, Team, dan Enterprise.

Catatan rilis resmi Anthropic menyatakan konsep produk ini sebagai berikut:

"Claude Design gives designers room to explore widely and everyone else a way to produce visual work. Describe what you need and Claude builds a first version."

>

(Claude Design memberikan ruang eksplorasi yang luas bagi para desainer, sekaligus memberikan sarana produksi visual bagi semua orang lainnya. Deskripsikan apa yang Anda butuhkan, dan Claude akan membangun versi pertamanya.)

1-2. Pengunduran diri Mike Krieger dari dewan direksi sebagai pertanda

Tiga hari sebelum peluncuran, tepatnya pada 14 April, Mike Krieger selaku Chief Product Officer (CPO) Anthropic mengungkapkan kepada SEC Amerika Serikat bahwa ia mengundurkan diri dari dewan direksi Figma setelah menjabat kurang dari satu tahun. Krieger adalah salah satu pendiri Instagram yang bergabung sebagai CPO Anthropic pada tahun 2024. The Information melaporkan pada hari yang sama bahwa Opus 4.7 diperkirakan akan mencakup fitur desain yang bersaing langsung, sehingga menciptakan situasi yang sangat langka: "tiga hari kemudian, sang CPO menyerang perusahaan tempatnya sebelumnya mengundurkan diri, melalui produk perusahaannya sendiri."

Anthropic secara resmi tidak mengaitkan pengunduran diri ini dengan peluncuran produk, namun Curtis Pyke dari Kingy AI menilainya sebagai "sinyal jelas bahwa kepentingan strategis keduanya telah berhenti selaras (strategic interests have stopped aligning)."

1-3. Posisi sebagai Anthropic Labs

Claude Design bukan produk mandiri yang berdiri sendiri, melainkan hadir sebagai bagian dari lini merek khusus pratinjau penelitian bernama Anthropic Labs. Ini merupakan produk utama ketiga yang sejajar dengan Claude Code dan Claude Cowork, dan dipandang sebagai langkah simbolis di mana Anthropic mulai berekspansi secara serius dari "model bahasa" ke "lapisan aplikasi" ke depannya.

Bab 2: Pembedahan Mendalam Fitur-Fitur Utama ── Dari Perspektif Desainer Silicon Valley

Dari sudut pandang seorang desainer yang bekerja di bidang UI Web/Mobile di Silicon Valley, mari kita bedah satu per satu fitur-fitur yang disebutkan di blog resmi dan pusat bantuan Anthropic.

2-1. Antarmuka Ganda: Chat Kiri / Kanvas Kanan

Layar Claude Design terdiri dari sidebar chat bernama Let's prototype (sisi kiri) dan kanvas live (sisi kanan). Yang penting bagi desainer adalah filosofi desain ini berada di tengah antara "percakapan murni" ChatGPT dan "desain berbasis antarmuka" Figma. Sambil memberikan instruksi melalui chat, hasil yang telah di-render dapat langsung dilihat di kanvas sebelah kanan.

Ini mirip dengan konsep Vercel v0 atau Lovable, namun perbedaannya adalah Claude Design beroperasi pada lapisan abstraksi "dari prompt ke desain (yang bisa dikodekan pada tahap selanjutnya)", bukan "dari prompt ke kode frontend". Desainer dapat menghasilkan "desain yang didukung kode, tanpa harus menulis kode".

2-2. Pembuatan Sistem Desain Otomatis (Fitur Unggulan)

Fitur yang oleh Anthropic sendiri disebut sebagai "inti". Saat onboarding, Claude membaca codebase tim, file desain, dan panduan brand, lalu secara otomatis membangun sistem desain yang terdiri dari warna, tipografi, dan komponen.

Dalam ulasan hands-on nyata (FindSkill.ai), dilaporkan bahwa Claude mengidentifikasi Bitcoin Orange (#F7931A) sebagai warna utama dari CSS findskill.ai, dan menghasilkan palet 11 tingkat dengan "konvensi penamaan persis seperti yang tercatat dalam file token yang sebenarnya". Fakta bahwa Claude berhasil menyimpulkan konvensi penamaan dengan tepat tanpa ada yang menginstruksikannya adalah perbedaan besar dibandingkan dengan generasi desain AI konvensional.

Sistem desain yang sudah dibangun akan diterapkan secara otomatis ke semua proyek berikutnya. Beberapa sistem desain dapat hidup berdampingan, dan tim dapat menyesuaikannya seiring waktu. Dapat dibagikan ke seluruh organisasi dengan kontrol tingkat akses yang detail: private / view-only / edit.

2-3. Slider Ad-Hoc yang Dihasilkan (Fitur yang Jarang Diketahui)

Fitur yang bisa dibilang "kartu as tersembunyi" terbesar dari Anthropic. Mekanisme di mana Claude menghasilkan slider optimal secara mandiri untuk setiap sesi. Begini bunyi deskripsi dari blog resmi:

"custom adjustment sliders that Claude itself generates to let users tweak spacing, color, and layout in real time"

Yang penting adalah bukan "panel properti tetap", melainkan hanya tombol (knob) yang bermakna untuk sesi tersebut yang muncul. Misalnya, untuk prototipe aplikasi meditasi, akan muncul slider seperti intensitas glow, kepadatan margin, suhu warna, bobot tipografi, dan sebagainya. Tidak akan ada slider yang sama yang muncul di dua sesi yang berbeda.

Ini secara fundamental membalik konsep panel properti tetap milik Figma. Bukan desainer yang mengoperasikan UI, melainkan AI yang membuat "UI yang dibutuhkan saat ini" untuk desainer — sebuah struktur terbalik.

2-4. Komentar Inline (Umpan Balik Terlokalisasi)

Saat mengklik elemen tertentu di kanvas dan meninggalkan instruksi perbaikan melalui komentar, Claude tidak meregenerasi seluruh desain, melainkan hanya mengedit komponen yang bersangkutan. Instruksi seperti "perbesar padding tombol ini" atau "sesuaikan garis bawah input ini dengan gaya situs" dapat diberikan, dan Claude akan meninjau kembali file sumber bila diperlukan.

Dalam ulasan nyata, ada kisah di mana terhadap instruksi ambigu seperti "Too ugly. Check current style on live website and apply (Jelek sekali. Periksa gaya situs saat ini dan terapkan)", Claude mencari stylesheet lalu merekonstruksi input field bergaris bawah agar sesuai dengan situs aslinya. Menjalankan "loop seperti meminta junior engineer" itulah kemampuan baru dari Opus 4.7.

2-5. Alat Pengambilan Web

Tidak hanya ditentukan saat startup, tetapi juga dapat mengambil elemen dari situs web live mana pun saat sedang berjalan. Sangat berguna ketika ingin membuat prototipe terlihat "seperti produk nyata", memungkinkan pengambilan hero section dari situs kompetitor atau komponen dari produk yang sedang berjalan sebagai material.

Bagi desainer, proses import Web → desain yang bahkan dengan Figma Plugin pun tidak berjalan mulus, kini menjadi jalur paling singkat berbasis prompt — inilah yang menjadi nilai tambahnya.

2-6. Keragaman Metode Input

Selain prompt teks, berikut ini juga dapat dijadikan input:

  • Gambar & sketsa (rekonstruksi dari gambar kasar)
  • DOCX / PPTX / XLSX (untuk keperluan marketer membuat LP dari PDF produk)
  • Seluruh codebase (dengan menunjuk repo)
  • Situs web (alat pengambilan)

Dengan ini, product manager dapat memasukkan Spec PDF yang sudah ada, marketer dapat memasukkan Excel katalog produk, dan desainer dapat memasukkan sketsa tangan — masing-masing sebagai "modal awal" mereka.

2-7. Handoff Claude Code (Koneksi Satu Klik Desain → Implementasi)

Desain yang telah selesai dapat dipaketkan menjadi "handoff bundle" dan diserahkan ke Claude Code dengan satu instruksi tunggal. Ini adalah fitur yang secara prinsip dapat menghilangkan kehilangan informasi yang sudah lama terjadi antara desain dan kode, dan bagi startup Silicon Valley, ini berarti pipeline "Figma → Dev Mode → Storybook → implementasi React" dapat ditembus oleh satu AI dari satu perusahaan.

Menurut analisis Kingy AI, ini adalah pipeline yang sebelumnya tidak pernah ada yang mewujudkan "prompt → desain → kode produksi" dalam satu vendor tunggal.

2-8. Kekayaan Tujuan Ekspor

  • PDF
  • PPTX (PowerPoint)
  • HTML tunggal
  • Canva (dapat diedit)
  • URL internal organisasi
  • ZIP (satu set file mentah)
  • Claude Code handoff bundle

Yang patut diperhatikan adalah output native ke Canva, yang mencerminkan kemitraan strategis antara Anthropic dan Canva sebagaimana akan dibahas lebih lanjut.

2-9. Kolaborasi Internal Organisasi dan Manajemen Izin

Dokumen dapat dibagikan dalam lingkup organisasi dengan kontrol izin tiga tingkat: private / view-only link / edit access. Untuk paket Team/Enterprise, diperlukan aktivasi oleh administrator. Pada saat peluncuran, pengeditan multi-pemain secara real-time hanya tersedia untuk fitur dasar, dan secara eksplisit dinyatakan bahwa belum mencapai "kolaborasi bersama tingkat Figma".

Bab 3: Tips Penggunaan yang Khas bagi Desainer

Berikut ini adalah tips yang dirasakan efektif dalam praktik kerja oleh seorang product designer Silicon Valley, yang akan kita bahas lebih mendalam.

3-1. "Hemat" Screenshot

Ben Patterson dari PCWorld melaporkan bahwa ia menghabiskan 80% kuota mingguan Claude Pro hanya dalam 25 menit. Sebagian besar penyebabnya adalah pemasukan gambar. Cara kerja profesional adalah mendeskripsikan perbaikan kecil dengan kata-kata, dan menyimpan screenshot untuk momen ketika perlu menyampaikan perubahan arah.

3-2. Commit Lebih Awal dan Lebih Sering

Status hasil generasi desain sangat mudah rusak. Patterson yang disebutkan sebelumnya pernah kehilangan pekerjaannya karena salah mengetuk "Undo", lalu menghabiskan sisa token untuk membangun ulang hingga mencapai batas mingguan. Membuat commit secara eksplisit setiap ada kemajuan (baik lewat ekspor maupun simpan ZIP) adalah tindakan yang setara dengan "Save" pada perangkat lunak konvensional.

3-3. Perhatikan "Penamaan" dalam Design System

Claude dapat menyimpulkan konvensi penamaan token dalam codebase. Artinya, jika kamu memiliki kode yang sudah tertata dengan konvensi penamaan desain seperti primary-500 atau surface-overlay-subtle, kualitas awal Claude Design akan meningkat secara dramatis. Sebaliknya, pada repositori yang hanya memiliki nama acak seperti color1 atau mainBg, akurasi inferensinya akan menurun. Mempersiapkan Claude Design berarti juga merapikan penamaan dalam codebase.

3-4. "Jangan Bergantung, tapi Bergantung Sepenuhnya" pada Slider

Slider yang dihasilkan Anthropic hanya menampilkan "kenop yang saat ini dianggap perlu oleh Claude". Di sini, orang yang belum terbiasa cenderung ingin "menyentuh properti lainnya juga", namun berdasarkan pengalaman, pembagian peran yang efisien adalah: percaya dan sentuh kenop yang muncul → verbalisasikan lewat chat untuk bagian yang tidak muncul.

3-5. Prinsip Satu Sesi Satu Tujuan

Claude Design memang menyimpan konteks percakapan, namun mencampur "revisi branding" dan "perubahan struktur navigasi" dalam satu sesi cenderung membuat pengambilan keputusan menjadi kacau. Memisahkan sesi berdasarkan unit tujuan adalah cara kerja para profesional berpengalaman.

3-6. Jangan Sepenuhnya Meninggalkan Figma

Untuk aplikasi SaaS kompleks dengan lebih dari 50 layar, solusi realistisnya adalah operasi hybrid: tetap mengelola master di Figma, sementara Claude Design digunakan untuk PoC, eksplorasi awal, dan pembuatan turunan marketing. Pemahaman yang tepat bukan "pergantian generasi Figma", melainkan "pengganti fase nol-ke-satu sebelum Figma".

3-7. SVG Kuat, tapi Tidak Menghasilkan Foto

Claude Design tidak menghasilkan foto, ilustrasi AI, atau hero photo. Sebagai gantinya, ia menghasilkan SVG (ikon, diagram, ilustrasi) dengan kualitas yang sangat tinggi. Rancang dengan asumsi bahwa foto brand dan visual fotorealistik disiapkan menggunakan alat eksternal seperti Nano Banana atau Midjourney, lalu dimasukkan ke dalam proyek.

3-8. Persingkat Prompt di "Tweaks"

Jika komentar inline terlalu panjang, Claude cenderung meregenerasi keseluruhan secara utuh. Dengan memperhatikan satu perubahan untuk satu komponen, pengeditan diff secara lokal dapat tetap terjaga.

Bab 4: Cara Penggunaan untuk Non-Desainer ── Pasar Terbesar yang Dibidik Anthropic

Pemosisian resmi Anthropic sudah jelas.

"Kami membangun Claude Design untuk orang-orang yang tidak memulai dari alat desain dan perlu bergerak cepat dari sebuah ide menjadi sesuatu yang visual."

Artinya, target yang dimaksud adalah "orang yang tidak memulai dari alat desain". Secara spesifik, mencakup segmen berikut.

4-1. Founder / Product Manager

Visual seperti slide pitch investor, materi rilis, dokumen spesifikasi internal, laporan analisis kompetitor — "visual yang harus terlihat rapi agar dipercaya, namun tidak ingin menghabiskan banyak waktu" — dapat dihasilkan hanya dengan satu prompt. Sebagai contoh, deskripsi yang diperkenalkan secara resmi seperti "prototipe aplikasi meditasi mobile yang tenang, dengan tipografi yang kalem, warna-warna natural yang menginspirasi, dan tata letak yang bersih" langsung dapat menjadi prototipe nyata.

4-2. Marketer / Growth Team

Upload PDF produk, lalu secara otomatis hasilkan materi landing page. Alur standar yang umum digunakan adalah: kirim output langsung ke Canva, terapkan brand kit, lalu publikasikan. CEO Canva, Melanie Perkins, mengomentari: "Kami menyediakan kemulusan di mana ide dan draf dari Claude langsung menjadi desain kolaboratif yang sepenuhnya dapat diedit di dalam Canva."

4-3. Operasional / Komunikasi Internal

Aset yang sebelumnya terikat pada "template PowerPoint" — seperti one-pager internal, ilustrasi untuk Wiki, materi onboarding — kini dapat diproduksi secara massal dengan konsistensi brand perusahaan sendiri.

4-4. Panduan "Langkah Pertama" bagi Non-Designer

  • Mulailah dengan memberikan URL situs yang sedang berjalan agar Claude mempelajari tone brand secara otomatis
  • Mulai dari deliverable kecil (one-pager)
  • Sentuh slider dan sesuaikan secara intuitif
  • Setelah selesai, kirim ke Canva untuk finishing, atau cukup ekspor sebagai PDF

Bab 5: Kasus Penggunaan oleh Para Insinyur

5-1. Siklus Bolak-balik dengan Claude Code sebagai Nilai Inti

Bagi para engineer, nilai terbesar dari Claude Design adalah loop dua arah dengan Claude Code. Claude Code yang menerima handoff bundle akan merekonstruksi hierarki komponen sesuai dengan framework yang digunakan (React, Vue, Svelte, dll.). Karena Design Rationale (alasan desain) tersimpan dalam riwayat percakapan Claude, why (alasan di balik keputusan) tidak mudah hilang hingga tahap implementasi.

5-2. Manajemen Terpusat Design Token

Design system yang dihasilkan dari pembacaan codebase dapat langsung digunakan sebagai token dalam implementasi selanjutnya. Artinya, nilai spacing yang ditentukan dalam desain langsung diturunkan ke class Tailwind CSS atau definisi tema styled-component — bagian yang sebelumnya dikelola secara manual kini menjadi otomatis.

5-3. Jembatan dari Prototipe ke Kode Produksi

Bagi frontend engineer, ada masalah klasik: "ada prototipe yang berfungsi, tetapi kualitasnya menurun saat dituangkan ke kode produksi." Output Claude Design dapat menghasilkan output setara HTML/JSX yang langsung dapat diterima oleh Claude Code, sehingga keputusan yang dibuat di prototipe langsung diteruskan ke implementasi produksi.

5-4. Batasan yang Perlu Diperhatikan

  • Dukungan responsif yang lemah. Ada kecenderungan condong ke desain satu viewport, dan dukungan untuk mobile/desktop secara bersamaan memerlukan review manual
  • Aksesibilitas (WCAG) dapat ditingkatkan dengan permintaan pemeriksaan. Claude Design juga memiliki fitur untuk menjalankan "audit kepatuhan WCAG 2.1 AA" melalui Plugin khusus, sehingga a11y dapat dijamin pada tahap desain
  • Hanya tersedia di cloud. Berbeda dengan Claude Code, tidak dapat menangani file lokal secara langsung

Bab 6: Perbedaan dengan Figma, Canva, v0, dan Lovable

LayerFigma (sebelumnya)Claude Design (selanjutnya)
Titik awalMembuka alatMenulis prompt
Sistem desainPemeliharaan manualDiterapkan otomatis dari codebase
HandoffDev Mode → kehilangan dalam terjemahan1 klik dengan handoff bundle
KolaborasiCanvas multiplayer (keunggulan)Hanya dasar · belum matang
Harga¥1.500/kursi/bulan~Termasuk dalam langganan

6-1. Hubungan dengan Figma

Figma memiliki UX kolaborasi antar desainer sebagai parit pertahanan terbesar yang telah dibangun selama lebih dari 10 tahun. Pyke dari Kingy AI menyatakan pandangan berhati-hati bahwa "apakah Claude Design akan mengancam fitur kolaborasi Figma dalam 2 tahun ke depan masih sangat tidak pasti." Di sisi lain, ia memiliki keyakinan tinggi bahwa "produk pertama yang dapat menggantikan langkah awal workflow desain modern—yaitu membuka Figma—kini telah muncul."

Artinya, Claude Design menawarkan "desain oleh orang-orang yang berbeda" bukan "desain yang lebih baik," dan bukan mengambil alih wilayah Figma secara langsung, melainkan membidik pasar di tahap sebelum pengguna sampai ke Figma.

6-2. Hubungan dengan Canva (bukan pesaing, melainkan mitra)

Canva tidak diposisikan sebagai pesaing independen, melainkan sebagai mitra strategis. Strukturnya adalah pembagian kerja antara "pembuatan draf awal" oleh Claude Design dan layer "pengeditan, berbagi, dan publikasi" oleh Canva. CEO Canva menekankan nilai esensial dari layer pengeditan—bukan layer generasi—dengan menyatakan bahwa "penyempurnaan (refinement) adalah parit yang sesungguhnya."

Canva AI 2.0 yang diumumkan pada hari yang sama disebut sebagai pembaruan terbesar dalam sejarah Canva, mencakup integrasi dengan Slack, Gmail, Google Drive, Calendar, Notion, Zoom, dan HubSpot.

6-3. Hubungan dengan Lovable / v0 / Bolt / Replit

Claude Design bersaing langsung dengan Lovable, v0, Bolt, dan Replit di ranah prototipe desain AI. Lovable merespons dengan cepat pada hari peluncuran, mengumumkan integrasi Claude Opus 4.7 ke platform mereka sendiri dan pemberian double credit hingga 30 April. Namun karena Lovable sendiri bergantung pada Claude, risiko struktural berupa "supplier yang sama menjadi pesaing" pun terungkap.

6-4. Kekuatan dan Kelemahan Claude Design

Kekuatan

  • Satu-satunya produk yang secara otomatis membangun sistem desain dari codebase
  • Termasuk dalam langganan (biaya marginal mendekati nol)
  • Pipeline vendor tunggal dari prompt → desain → kode
  • Hambatan masuk yang sangat rendah bagi non-desainer

Kelemahan

  • Pengeditan kolaboratif real-time multiplayer belum matang
  • Konsumsi token yang tinggi; dalam beberapa kasus tidak memadai untuk penggunaan profesional pada paket Pro
  • Tidak dapat menghasilkan foto atau ilustrasi buatan AI (berbasis SVG)
  • Dukungan responsif yang lemah
  • Laporan bug pada integrasi GitHub dan UI pratinjau saat peluncuran

Bab 7: Pasar dan Reaksi Pasar Saham

7-1. Penurunan Saham Figma

Pada 17 April 2026, saham Figma turun 7,28%, dari harga penutupan hari sebelumnya sebesar $20,32 (sekitar ¥3.050) menjadi $18,84 (sekitar ¥2.830). Ini merupakan level lebih dari 80% di bawah harga tertinggi pasca-IPO, yang secara jelas mencerminkan kekhawatiran investor terhadap fenomena "SaaSpocalypse" (Apokalipsis SaaS) — yakni fenomena di mana lab AI raksasa menggerus bisnis SaaS yang sudah mapan.

7-2. Saham Terkait yang Ikut Terdampak

  • Adobe: -2,7%
  • Wix: -4,7%
  • GoDaddy: -3%

Claude Design dipandang bukan sekadar ancaman bagi Figma, melainkan sebagai ancaman bagi seluruh ekosistem pembuatan web dan desain.

7-3. Valuasi Perusahaan Anthropic

Pada periode yang sama, dilaporkan bahwa Anthropic menolak tawaran investasi dari investor baru dengan valuasi hingga $800 miliar (sekitar ¥120 triliun). Hanya dua bulan sebelumnya, valuasinya tercatat $380 miliar (sekitar ¥57 triliun), yang berarti terjadi penggandaan dalam waktu singkat. ARR-nya telah mencapai $9 miliar (sekitar ¥1,35 triliun) pada akhir 2025, kemudian $20 miliar (sekitar ¥3 triliun) pada awal Maret 2026, dan melampaui $30 miliar (sekitar ¥4,5 triliun) pada awal April 2026.

Ekonom Ramp, Ara Kharazian, berkomentar: "Anthropic sedang melaju dengan luar biasa. Pertumbuhan tingkat adopsinya didorong oleh kemampuan menjual kepada pengguna non-teknis dan kemampuan menangkap kontrak yang lebih kecil dari sebelumnya."

Bab 8: Respons dari VC, Analis, dan Tokoh Terkemuka

8-1. Perspektif Para Analis

  • Curtis Pyke (Kingy AI): "Saya sangat yakin bahwa titik awal pekerjaan desain akan bergeser. Namun, apakah ini akan mengancam fitur kolaborasi inti Figma dalam dua tahun ke depan masih sangat tidak pasti."
  • Ara Kharazian (Ramp): Anthropic meraih 37% dari pengeluaran enterprise (OpenAI 33%). Ia menyoroti bahwa "di Q1 ini Anthropic akhirnya melampaui OpenAI."
  • Molly McCoy (desainer cetak dengan 25 tahun pengalaman): "Desain AI adalah mesin slot yang tidak pernah menang dalam pekerjaan saya. Namun di bidang seperti desain korporat yang 'kebebasan kreatifnya dibatasi', Claude Design pasti akan bertahan."

8-2. Framing CEO Canva

Melanie Perkins mendefinisikan ulang Claude Design bukan sebagai pesaing, melainkan sebagai "corong menuju Canva." Ia menyatakan bahwa pengguna bisa "langsung mendapatkan desain yang sepenuhnya dapat diedit, dapat dikolaborasikan, dan siap untuk dipoles, dibagikan, serta dipublikasikan," dengan menegaskan bahwa polesan, bukan generasi, adalah parit pertahanan yang sesungguhnya.

8-3. Suara dari Pihak Anthropic

  • Blog Resmi: "Bahkan desainer berpengalaman pun terpaksa membatasi eksplorasi mereka. Biasanya tidak ada waktu untuk mencoba prototipe dalam 12 arah—mereka mempersempitnya menjadi beberapa arah saja."
  • Datadog (studi kasus): "Dari ide kasar, prototipe yang berfungsi tercipta sebelum siapa pun meninggalkan ruangan. Hasilnya tetap setia pada panduan merek dan desain."
  • Brilliant (studi kasus): Pekerjaan yang dulunya membutuhkan lebih dari 20 prompt kini selesai hanya dengan 2 prompt.

8-4. Keheningan Pihak Figma

Yang patut diperhatikan adalah keheningan resmi Figma. Di tengah tiga pukulan beruntun—anjloknya harga saham, mundurnya CPO, dan peluncuran produk pesaing—tidak ada komentar resmi yang dikeluarkan. Ada pihak yang menafsirkan hal ini sendiri sebagai sinyal bahwa "mereka belum memutuskan bagaimana merespons."

8-5. Sequoia Capital

Sequoia Capital telah melakukan investasi besar dalam putaran Seri G Anthropic sebelumnya, dan peluncuran produk kali ini dipandang sebagai langkah yang mengonfirmasi tesis investasi perusahaan tersebut. Anthropic berhasil mengumpulkan 30 miliar dolar (sekitar 4,5 triliun yen) dengan post-money valuation 380 miliar dolar (sekitar 57 triliun yen) dalam putaran Seri G di awal 2026.

Bab 9: Skenario Penggunaan Nyata dan Alur Kerja

9-1. Adegan 1: Founder Tahap Seed

  • Pukul 08.00–11.00: Menghasilkan landing page dengan prompt
  • Pukul 11.00–12.00: Menyempurnakan hero section dengan slider
  • Pukul 12.00–15.00: Menyerahkan handoff bundle ke Claude Code untuk diimplementasikan dengan Next.js
  • Pukul 15.00–18.00: Deploy ke Vercel, dibagikan ke investor

Proses yang biasanya membutuhkan 2–3 minggu dan perlu menyewa desainer serta engineer, kini selesai dalam 1 hari kerja.

9-2. Adegan 2: Product Manager Perusahaan Besar

  • Melatih Claude dengan design system internal (hanya sekali)
  • Menghasilkan 3 versi wireframe fitur baru secara bersamaan dengan prompt
  • Menyerahkan handoff ke desainer untuk "diselesaikan di Figma" (bisa melalui Canva atau export langsung)
  • Menyerahkan implementasi prototipe ke tim pengembang melalui Claude Code

Dalam kasus Datadog, dilaporkan bahwa "proses bolak-balik 1 minggu selesai dalam 1 kali percakapan."

9-3. Adegan 3: Marketer

  • Mengunggah PDF produk
  • Memberikan instruksi: "Kampanye musiman untuk produk SaaS, 4 ukuran, dengan CTA"
  • Claude Design menghasilkan draf awal, diekspor ke Canva, diterapkan brand kit
  • Dibagikan di Slack, dikirim pada hari yang sama

9-4. Adegan 4: Desainer (Produksi)

  • Mengelola file master di Figma
  • Mengeksplorasi fitur baru dengan Claude Design (menghasilkan opsi A/B/C secara paralel)
  • Membawa opsi yang dipilih ke Figma untuk disempurnakan
  • Diimplementasikan dengan Claude Code

Bukan Figma vs Claude Design, melainkan Figma × Claude Design — pembagian peran inilah yang menjadi kesimpulan paling realistis bagi para desainer.

Bab 10: Kumpulan Tips & Trik Penggunaan

  • Rapikan codebase terlebih dahulu: Sekadar merapikan konvensi penamaan saja sudah bisa meningkatkan kualitas awal secara dramatis
  • Ambil elemen kompetitor dengan Web Capture: Serap bagian-bagian baik dari kompetitor sebagai "bahan materi"
  • Bagi sesi berdasarkan unit niat: Mencampurnya akan membuat Claude kebingungan dalam pengambilan keputusan
  • Percaya dan gunakan slider: Fokus hanya pada knob yang dinilai perlu oleh Anthropic
  • Input gambar boros token: Untuk revisi kecil, gunakan kata-kata saja
  • progress = commit: Ekspor sebagai snapshot sebelum melakukan perubahan besar
  • Komentar inline singkat · satu per satu: Komentar panjang berisiko memicu regenerasi keseluruhan
  • Siapkan foto di luar Claude: Siapkan dengan Nano Banana atau Midjourney lalu injeksikan
  • Plan Max 5x ke atas adalah batas minimum untuk pekerjaan nyata: Plan Pro akan langsung mencapai batas begitu digunakan
  • Handoff Claude Code dengan instruksi tunggal: Cukup dengan Ship this bundle to production untuk mencapai tahap implementasi

Bab 11: Pertanyaan yang Tersisa dan Masa Depan

Claude Design telah menulis ulang "titik awal desain". Namun, dalam domain seperti produksi desain skala penuh, aplikasi SaaS kompleks dengan lebih dari 50 layar, pengeditan simultan oleh banyak pengguna, dan pemeliharaan jangka panjang sistem desain berskala besar, Figma masih unggul.

Anthropic secara resmi menyatakan bahwa "integrasi Claude Design akan terus diperluas ke depannya." Fokus berikutnya adalah:

  • Penambahan pengeditan real-time multiplayer
  • Integrasi Figma API (apakah akan mengikuti standar Design Tokens Community Group)
  • Optimasi ekonomi token (Opus 4.7 mengalami inflasi 1,35x pada token input/output, sehingga biaya aktual berlipat ganda untuk penggunaan berat)
  • Integrasi dengan Slack / Jira / Notion

Dari sisi harga, harga API Opus 4.7 tetap $5 (sekitar 750 yen) per 1 juta token input dan $25 (sekitar 3.750 yen) per output, namun konsumsi token aktual meningkat hingga 35% akibat tokenizer baru. Langganan Pro adalah $20/bulan (sekitar 3.000 yen), Max 5x adalah $100/bulan (sekitar 15.000 yen), dan Max 20x adalah $200/bulan (sekitar 30.000 yen). Untuk menggunakan Claude Design secara profesional, Max 5x ke atas menjadi batas minimum yang realistis.

Bab 12: Kesan Akhir dari Seorang Desainer Silicon Valley

Claude Design adalah "bukan alat desain, melainkan mitra dialog dalam desain". Jika Figma telah menyempurnakan posisinya sebagai "alat untuk para desainer", Claude Design menawarkan sumbu yang sama sekali berbeda, yaitu sebagai "mitra dialog bagi siapa saja yang membutuhkan desain".

Yang perlu ditakuti oleh para desainer profesional bukan Claude Design akan merebut pekerjaan mereka. Melainkan bahwa desainer yang tidak menggunakan Claude Design akan ditinggalkan dalam hal kecepatan oleh non-desainer yang menggunakan Claude Design sebagai senjata.

Sebaliknya, desainer senior Silicon Valley yang memiliki Claude Design kini dapat mencoba secara paralel "10 arah eksplorasi yang selama ini terpaksa diabaikan karena keterbatasan waktu". Selera dan penilaian merek tetap menjadi milik manusia. Claude Design adalah alat yang menyuplai bahan pertimbangan tersebut dengan kecepatan 10 kali lipat dari sebelumnya.

Anthropic tidak berusaha melampaui dalam satu tahun "memori otot para desainer" yang dibangun Figma selama 10 tahun. Sebaliknya, mereka membuka babak baru yaitu "dunia sebelum Figma dibuka". Inilah alasan mengapa banyak desainer di Silicon Valley menyambut peluncuran kali ini bukan sebagai "ancaman", melainkan sebagai "perluasan yang patut disambut".

Bab 12: Kesan Akhir dari Seorang Desainer Silicon Valley

Claude Design adalah "mitra dialog desain, bukan sekadar alat desain". Jika Figma telah menyempurnakan dirinya sebagai "alat untuk para desainer", Claude Design menawarkan sumbu yang sepenuhnya berbeda: "mitra dialog bagi siapa saja yang membutuhkan desain".

Yang perlu ditakuti oleh para desainer produksi bukan bahwa Claude Design akan merebut pekerjaan mereka. Melainkan bahwa desainer yang tidak menggunakan Claude Design akan tertinggal dalam hal kecepatan oleh para non-desainer yang menjadikan Claude Design sebagai senjata mereka.

Sebaliknya, desainer senior Silicon Valley yang telah menguasai Claude Design kini mampu mengeksplorasi secara paralel "10 arah eksplorasi yang selama ini terpaksa mereka abaikan karena keterbatasan waktu". Selera dan penilaian merek tetap menjadi milik manusia. Claude Design adalah alat yang menyuplai bahan pertimbangan tersebut dengan kecepatan 10 kali lipat dari sebelumnya.

Anthropic tidak sedang berusaha melampaui dalam satu tahun "memori otot para desainer" yang dibangun Figma selama 10 tahun. Sebaliknya, mereka membuka wilayah baru: "dunia sebelum Figma dibuka". Inilah alasan mengapa banyak desainer Silicon Valley menyambut peluncuran kali ini bukan sebagai "ancaman", melainkan sebagai "ekspansi yang patut disambut".

Sumber