Anthropic merilis Claude Design

• Alat desain visual kolaboratif untuk membuat hasil kerja visual berkualitas tinggi seperti desain, prototipe, slide, dan one-pager berbasis model visi Claude Opus 4.7
• Pengguna dapat menghasilkan draf desain, prototipe, slide, dan materi pemasaran hanya dengan deskripsi teks, lalu merevisi dan menyelesaikannya bersama Claude
• Mendukung berbagai metode input seperti prompt teks, unggahan gambar·dokumen, koneksi ke codebase, dan tangkapan web, serta penyempurnaan detail melalui komentar inline, pengeditan langsung, dan slider kustom
• Saat onboarding, alat ini membaca codebase dan file desain tim untuk membangun sistem desain secara otomatis, lalu menerapkan warna, tipografi, dan komponen organisasi secara konsisten ke semua proyek
• Menghubungkan ekspor ke Canva, PDF, PPTX, HTML, hingga bundle handoff Claude Code, sehingga alur dari ide sampai implementasi nyata terintegrasi dalam satu workflow

---

Gambaran umum Claude Design

• Produk baru Anthropic Labs yang diperkenalkan Anthropic pada 17 April 2026, memungkinkan pembuatan desain, prototipe, slide, dan one-pager bersama Claude
• Berjalan di atas model visi Claude Opus 4.7
• Tersedia sebagai research preview untuk pelanggan Claude Pro, Max, Team, dan Enterprise, dengan peluncuran bertahap pada hari yang sama

Pengguna sasaran dan masalah yang ingin diatasi

• Bahkan desainer berpengalaman pun sering harus membatasi ruang eksplorasi hanya ke beberapa opsi karena keterbatasan waktu
• Bagi pendiri startup, manajer produk, dan pemasar tanpa latar belakang desain, memvisualisasikan dan membagikan ide adalah pekerjaan yang terasa berat
• Claude Design memberi desainer ruang eksplorasi yang lebih luas dan memberi non-desainer sarana untuk membuat hasil kerja visual

Cara penggunaan

• Jelaskan apa yang dibutuhkan, lalu Claude akan membuat versi pertama
• Setelah itu, hasil dapat disempurnakan melalui percakapan, komentar inline, pengeditan langsung, dan slider kustom yang dibuat Claude
• Jika diberi akses, sistem desain tim akan diterapkan otomatis ke semua proyek untuk menjaga konsistensi dengan desain perusahaan secara keseluruhan

Contoh penggunaan per tim

• Prototipe realistis: desainer dapat mengubah mockup statis menjadi prototipe interaktif yang bisa dibagikan untuk pengumpulan masukan dan pengujian pengguna tanpa code review atau PR
• Wireframe dan mockup produk: manajer produk dapat membuat sketsa alur fitur lalu menyerahkan implementasinya ke Claude Code atau meminta desainer menyempurnakannya lebih lanjut
• Eksplorasi desain: desainer dapat dengan cepat menghasilkan berbagai arah desain
• Pitch deck dan presentasi: pendiri dan Account Executive dapat mengubah outline kasar menjadi deck yang sesuai brand dalam hitungan menit, lalu mengekspornya ke PPTX atau mengirimkannya ke Canva
• Materi pemasaran: pemasar dapat membuat landing page, aset media sosial, dan visual kampanye lalu menyelesaikannya bersama desainer
• Frontier design: siapa pun dapat membuat prototipe berbasis kode dengan memanfaatkan suara, video, shader, 3D, dan AI bawaan

Mekanisme kerja utama

• Claude Design dirancang mengikuti alur kreasi yang alami

• Membangun sistem brand

  • Saat onboarding, Claude menganalisis codebase dan file desain untuk membuat sistem desain tim secara otomatis
  • Setelah itu, warna, tipografi, dan komponen diterapkan otomatis ke semua proyek
  • Sistem ini dapat terus disesuaikan, dan beberapa sistem dapat dipertahankan untuk tiap tim

• Beragam metode input

  • Menyediakan berbagai titik awal seperti prompt teks, gambar, unggahan dokumen (DOCX, PPTX, XLSX), dan penunjukan codebase
  • Melalui alat tangkapan web, elemen dari situs nyata dapat diambil untuk membuat prototipe yang mirip produk sebenarnya

• Fitur kontrol detail

  • Menyediakan komentar inline pada elemen tertentu, pengeditan teks langsung, serta slider pengaturan jarak, warna, dan tata letak
  • Perubahan dapat diterapkan secara massal ke seluruh desain

• Fitur kolaborasi

  • Mendukung pengaturan berbagi tingkat organisasi
  • Dokumen dapat disimpan pribadi, dibagikan lewat tautan di dalam organisasi, atau dikerjakan bersama melalui pemberian izin edit
  • Desain juga dapat direvisi bersama Claude di dalam percakapan grup

• Ekspor dan integrasi

  • Dapat diekspor dalam berbagai format seperti URL internal organisasi, folder, Canva, PDF, PPTX, dan file HTML mandiri
  • Desain yang selesai dapat dikemas sebagai bundle yang bisa diteruskan ke Claude Code, sehingga langsung tersambung ke tahap pengembangan
  • Ke depannya, integrasi dengan alat lain akan diperluas

Contoh mitra

• Canva: melanjutkan kolaborasinya dengan Anthropic, mendukung agar ide dan draf dari Claude Design dapat dibawa dengan mulus ke Canva dan langsung diubah menjadi desain yang sepenuhnya dapat diedit dan dikolaborasikan
• Brilliant: prototyping interaktivitas dan animasi kompleks sebelumnya sulit dilakukan, tetapi Claude Design menghadirkan lompatan besar (step change) dengan mengubah desain statis menjadi prototipe interaktif
  • Bahkan halaman paling kompleks yang membutuhkan lebih dari 20 prompt di alat lain dapat direplikasi di Claude Design hanya dengan 2 prompt
  • Dengan menyertakan niat desain dalam handoff Claude Code, transisi dari prototipe ke produksi menjadi lebih mulus
• Datadog: kecepatan prototyping meningkat drastis berkat proses desain real-time di tengah percakapan
  • Pekerjaan yang biasanya memakan waktu seminggu antara brief, mockup, dan putaran review kini selesai dalam satu percakapan
  • Hasil akhirnya tetap sangat sesuai dengan brand dan pedoman desain

Memulai

• Claude Design tersedia untuk pelanggan Claude Pro, Max, Team, dan Enterprise dan dapat digunakan dalam batas langganan
• Jika melebihi batas, layanan tetap dapat digunakan melalui pengaturan penggunaan tambahan (extra usage)
• Di organisasi Enterprise, fitur ini nonaktif secara default dan dapat diaktifkan admin di Organization settings
• Mulai gunakan: claude.ai/design

[kuthia]

Setelah saya coba, tingkat pengenalan sketsa di atas serbet benar-benar mengejutkan. Sekarang bahkan chat pun sudah tidak diperlukan lagi.

[xguru]

Setelah pengumuman ini, yang anjlok cuma harga saham Figma ya. Adobe mungkin karena sudah keburu turun banyak, jadi hampir tidak ada pergerakan juga, lumayan menarik.