Anthropic merilis Claude Design

 (anthropic.com)
28 poin oleh GN⁺ 2026-04-18 | 3 komentar | Bagikan ke WhatsApp
  • 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 membuat draf desain, prototipe, slide, materi pemasaran dan lainnya hanya dengan deskripsi teks, lalu merevisi dan menyempurnakannya bersama Claude
  • Mendukung berbagai metode input seperti prompt teks, unggahan gambar·dokumen, koneksi ke codebase, dan tangkapan web, serta revisi mendetail melalui komentar inline, pengeditan langsung, dan slider kustom
  • Saat onboarding, alat ini membaca codebase dan file desain tim untuk secara otomatis membangun sistem desain, lalu menerapkan warna·tipografi·komponen organisasi secara konsisten ke semua proyek
  • Menghubungkan ekspor Canva, PDF, PPTX, HTML hingga bundle handoff Claude Code, sehingga alur dari ide hingga implementasi nyata terintegrasi dalam satu workflow

Ikhtisar Claude Design

  • Produk baru Anthropic Labs yang diumumkan Anthropic pada 17 April 2026, memungkinkan pembuatan hasil kerja visual seperti desain, prototipe, slide, dan one-pager bersama Claude
  • Berjalan di atas model visi Claude Opus 4.7
  • Disediakan dalam bentuk research preview untuk pelanggan Claude Pro, Max, Team, dan Enterprise, dengan peluncuran bertahap pada hari yang sama

Pengguna target dan masalah yang ingin dipecahkan

  • Bahkan desainer berpengalaman pun kerap terpaksa membatasi ruang eksplorasi hanya pada beberapa opsi karena keterbatasan waktu
  • Bagi pendiri startup, manajer produk, dan pemasar yang tidak memiliki latar belakang desain, memvisualisasikan dan membagikan ide adalah beban tersendiri
  • Claude Design memberi desainer ruang eksplorasi yang luas, dan bagi non-desainer menyediakan sarana untuk membuat hasil kerja visual

Cara penggunaan

  • Jelaskan apa yang dibutuhkan, lalu Claude akan membuat versi pertama
  • Setelah itu, hasilnya dapat disempurnakan melalui percakapan, komentar inline, pengeditan langsung, dan slider kustom yang dibuat Claude
  • Jika diberi izin akses, sistem desain tim akan otomatis diterapkan 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 tanpa code review atau PR untuk mengumpulkan umpan balik dan menjalankan user testing
  • Wireframe dan mockup produk: manajer produk dapat membuat sketsa alur fitur lalu menyerahkan implementasinya ke Claude Code atau mendelegasikan penyempurnaan lebih lanjut kepada desainer
  • Eksplorasi desain: desainer dapat dengan cepat menghasilkan berbagai arah desain
  • Pitch deck dan presentasi: pendiri startup dan Account Executive dapat menyelesaikan deck yang sesuai brand dalam hitungan menit dari outline kasar, 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
  • Desain frontier: siapa pun dapat membuat prototipe berbasis kode dengan memanfaatkan suara, video, shader, 3D, dan AI bawaan
Iklan

Cara kerja utama

  • Claude Design dirancang mengikuti alur kreasi yang natural

  • Membangun sistem brand

    • Saat onboarding, Claude menganalisis codebase dan file desain untuk secara otomatis membuat sistem desain tim
    • Setelah itu, warna, tipografi, dan komponen akan otomatis diterapkan 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, unggahan gambar, dokumen (DOCX, PPTX, XLSX), dan penentuan codebase
    • Melalui alat tangkapan web, elemen situs web nyata dapat diambil untuk membuat prototipe yang mirip dengan produk asli

  • Fitur kontrol mendetail

    • Menyediakan komentar inline pada elemen tertentu, pengeditan teks langsung, serta slider pengaturan jarak·warna·layout
    • Perubahan dapat diterapkan sekaligus ke seluruh desain

  • Fitur kolaborasi

    • Mendukung pengaturan berbagi tingkat organisasi
    • Dokumen dapat tetap bersifat privat, dibagikan melalui tautan di dalam organisasi, atau dikerjakan bersama dengan 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 telah selesai dikemas dalam bentuk bundle yang dapat diteruskan ke Claude Code, sehingga bisa langsung terhubung ke tahap pengembangan
    • Ke depannya, fitur integrasi dengan alat lain akan diperluas
    Iklan

Contoh mitra

  • Canva: melanjutkan kolaborasi dengan Anthropic, memungkinkan ide dan draf yang dibuat di Claude Design dibawa ke Canva dengan mulus dan langsung diubah menjadi desain yang sepenuhnya dapat diedit dan dikolaborasikan
  • Brilliant: prototyping interaktivitas dan animasi kompleks sebelumnya sulit dilakukan, tetapi Claude Design memberikan perubahan bertahap besar (step change) dengan mengubah desain statis menjadi prototipe interaktif
    • Bahkan halaman paling kompleks yang membutuhkan lebih dari 20 prompt di alat lain dapat direproduksi di Claude Design dengan 2 prompt
    • Dengan menyertakan maksud desain dalam handoff Claude Code, transisi dari prototipe ke produksi menjadi lebih mulus
  • Datadog: kecepatan prototyping meningkat drastis berkat proses desain real-time di dalam percakapan
    • Pekerjaan yang biasanya memakan satu minggu antara brief·mockup·putaran review kini selesai dalam satu percakapan
    • Hasil akhirnya juga 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 melewati batas, penggunaan dapat dilanjutkan melalui pengaturan extra usage
  • Di organisasi Enterprise, fitur ini nonaktif secara default dan dapat diaktifkan admin di Organization settings
  • Mulai gunakan: claude.ai/design

Bacaan terkait

3 komentar

 
kuthia 2026-04-20

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

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.
 
GN⁺ 2026-04-18
Opini Hacker News

  • Saya rasa alat seperti ini dimungkinkan karena desain internet telah menjadi seragam, berpusat pada efek kaca dan drop shadow
    Sekarang UI yang tampak meyakinkan bisa dibuat dengan sedikit usaha, tetapi desain lama yang unik dan terasa dibuat dengan keahlian tangan makin langka dan memunculkan nostalgia

    • Desain yang seragam dan jelas bukan sesuatu yang memalukan
      Jika itu adalah alat internal untuk pengacara rumah sakit yang mencari gugatan malapraktik, UI/UX yang paling dapat diprediksi adalah yang terbaik
      Hanya saja, manusia harus bisa membedakan kapan keseragaman itu baik dan kapan dibutuhkan keunikan
    • Sebagian besar upaya membuat “UI yang orisinal” justru menghasilkan mimpi buruk dari sisi kegunaan
      Kecuali itu proyek seni, menambahkan hambatan yang tidak perlu demi efek wow bukanlah hal yang baik
      Desain ‘aneh’ di masa lalu bukanlah seni yang disengaja, melainkan hasil dari melakukan yang terbaik dengan alat yang terbatas
    • “UI yang tampak meyakinkan dengan sedikit usaha” justru adalah yang saya inginkan
      Bagi siapa pun yang tahu betapa sulitnya menjaga konsistensi dan mengikuti pedoman platform, ini benar-benar anugerah dari dewa
    • Saya juga justru suka UI seperti itu
    • Masih terlalu banyak aplikasi enterprise yang sangat jelek dan tidak nyaman digunakan
      Masalahnya bukan karena desain itu sulit, tetapi karena orang yang membuatnya ‘tidak sadar bahwa itu jelek’

  • Di agensi kami, ini tidak menggantikan Figma atau desainer
    Sebaliknya, ini sangat berguna sebagai alat untuk menyampaikan niat
    Dulu kami menghabiskan berjam-jam mencari situs referensi dan menjelaskan maksudnya, sekarang cukup cepat membuat mockup dengan Claude atau Lovable lalu mengirimkannya, dan desainer langsung paham
    Siklus umpan balik berkurang dari beberapa minggu menjadi beberapa menit

    • Dulu pun para desainer mencari inspirasi dengan menjelajahi Pinterest atau Google Images
      Sekarang proses itu pada dasarnya diotomatisasi dengan cara yang lebih keren
      Google Stitch lambat dan kurang bagus, tetapi pendekatan berbasis Claude cukup mengesankan

  • Menurut Alexander dalam 『Notes on the Synthesis of Form』, desain adalah proses merasionalisasi kekuatan-kekuatan yang mendefinisikan masalah
    Tetapi orang-orang mengira desain itu adalah hasil akhirnya
    Kesalahpahaman ini melahirkan desain yang tidak cocok
    Dengan alat generatif, orang cenderung menyesuaikan masalah ke bentuk yang disediakan alat, alih-alih memahami masalahnya
    Pada akhirnya kita hanya mengendalikan efek estetika, dan melewatkan pemahaman struktural yang sesungguhnya
    Inovasi hanya muncul dalam proses perancangan yang lambat dan bertahap, dan itulah yang hilang

    • Pada akhirnya ini bisa diringkas sebagai, “AI generatif merampas pengalaman belajar”
    • Ada juga yang balik bertanya, “Kalau saya tidak peduli desain, dan ini cuma sarana untuk menyelesaikan proyek, memangnya kenapa?”
    • Ada juga respons realistis seperti, “Saya cuma ingin membuat manajer saya puas agar akhir pekan bisa pergi hiking”
    • Saya juga setuju, tetapi saya menolak argumen bahwa alat seperti ini menghambat eksplorasi dan kreativitas
      Dari sudut pandang engineer, alat seperti ini justru terasa lebih membantu eksplorasi kreatif daripada tool desain kompleks
    • Saya rasa pelajaran ini sekarang lebih penting daripada sebelumnya

  • Saham Figma turun tepat setelah berita ini dirilis
    Pengumuman ini jelas menargetkan Figma, tetapi Lovable juga ikut terdampak
    Jika Anthropic menambahkan fitur setingkat Figma, peluangnya menjadi sukses besar sangat tinggi

    • Wall Street tidak paham bahwa ini bukan pengganti Figma
      Figma untuk desainer, Claude Design untuk non-desainer
    • Sebenarnya ini adalah respons terhadap Stitch With Google milik Google
      Saya menempelkan hasil Stitch ke Claude Design, dan pertanyaannya tajam serta hasilnya sangat bagus
      Untuk sementara ini akan menjadi alat prototyping utama saya
    • Saham Figma sendiri sudah turun 80% selama setahun terakhir, jadi dampak berita ini kecil
    • Jika Anthropic ingin menggantikan bukan hanya developer tetapi semua perusahaan software dengan Claude, saya tidak tahu kenapa kita harus mendukung itu
    • Sebaliknya, saya rasa kolaborasi Canva dengan Claude adalah langkah yang jenius

  • Semakin dipikirkan, semakin terasa bahwa ini tidak bagus untuk desain
    AI tidak bisa menciptakan terobosan kreatif, dan pada akhirnya akan berkumpul di hasil yang rata-rata saja
    Desainer yang bagus akan menolak alat seperti ini
    Desain bukan sekadar UI, melainkan juga gerak, tipografi, ruang kosong, dan rasa

    • Kalau yang diinginkan adalah kreativitas, seharusnya membuat seni
      GUI harus terasa familier, dan jika mencoba menciptakan interaksi baru justru akan menjadi tidak nyaman
    • 99% perancangan UI adalah optimisasi atas hal yang familier
      Itu juga sebabnya Android dan iOS mirip
    • Orang bicara tentang “desain inovatif”, tetapi itu seni, bukan desain
    • Ucapan seperti “AI tidak bisa”, “desainer bagus akan menolak” pada akhirnya mungkin akan menjadi ‘kata-kata terakhir’ yang terkenal
    • Aksesibilitas juga bahkan tidak disebut, dan menurut saya desain yang aksesibel lebih penting daripada orisinalitas

  • Sebagai desainer dengan pengalaman 25 tahun, saya ingin memberi masukan
    Konsumsi token-nya berlebihan, dan pekerjaan logo-nya buruk sekali
    UX-nya membuat frustrasi, seperti melupakan umpan balik lalu kembali ke versi sebelumnya
    Ada banyak ornamen visual, tetapi tidak berpusat pada pengguna
    Ia juga tidak memanfaatkan design system yang sudah ada dengan baik, dan selalu cenderung membuat ulang dari nol

    • Karena dibilang “logonya berantakan”, ada yang bercanda menanyakan apakah ia setidaknya jago menggambar pelikan bersepeda

  • Ini mirip dengan pendekatan ekstraksi design system → dijadikan template → diekspor yang pernah saya rangkum sebelumnya, dan benar-benar kuat
    Saya memakainya setiap hari bersama Claude Code
    Menarik bahwa Figma telah bekerja sama dengan Anthropic, tetapi kali ini tidak disebut sama sekali
    Pemanfaatan AI oleh Figma mengecewakan, dan Figma Make pada dasarnya hanya setara prompt Gemini 3 Pro
    Figma, yang porsi seat untuk PM atau developer cukup besar, tampaknya akan cukup terpukul oleh perubahan ini

    • Betul, sebagian besar seat berbayar Adobe dan Figma sebenarnya dipakai oleh viewer atau pengguna yang hanya melakukan edit ringan
    • Sistem seat-nya terlalu keras, sehingga kalau tidak dikelola biaya bisa meledak
    • Figma Make merender ke HTML/React lalu hanya bisa dikonversi ke file Figma di paket Pro
      Claude Design adalah pendekatan yang jauh lebih benar

  • Anthropic tampaknya memperluas area produknya terlalu jauh
    Jika ekspansi seperti ini diteruskan, pecah fokus tak terelakkan
    Figma akan tetap fokus pada produknya, tetapi belum tentu Anthropic masih peduli pada ini 2~3 tahun lagi

    • Sebenarnya Anthropic sedang membangun infrastruktur
      Sepertinya nanti akan dihubungkan ke orkestrasi agen
    • Saya rasa Anthropic tidak akan membuang produk seperti Google
      Claude Code, Cowork, Chat, semuanya adalah ekosistem yang berpusat pada model Claude
      Claude Design adalah perpanjangan dari itu, dengan keunggulan berbagi konteks pengguna
      Sepertinya tidak akan berakhir seperti Killed by Google
    • Saat ini Anthropic sedang berada di fase eksperimen produk seperti Google pada 2010-an
      Kebanyakan memang akan hilang, tetapi itu sendiri adalah masa yang menarik
    • Pendekatan seperti ini bisa menjadi cara untuk membuat PoC (proof of concept) terbaik di tiap industri
    • Pada akhirnya baik OAI maupun Anthropic sudah bertaruh terlalu besar pada LLM
      Pendapatan nyata mereka hanya berasal dari penjualan token, jadi menjaga hype tetap hidup penting sampai IPO

  • Setiap kali Anthropic merilis produk, perlu diingat bahwa cakupan klausul non-kompetisi mereka makin luas, dan mereka suka menggugat

  • Ini menjelaskan kenapa Mike Krieger mundur dari dewan Figma