Bab 1: Apakah Claude Design ── Gambaran Penuh Pelancaran

1-1. Apa yang berlaku

Pada 17 April 2026 (Jumaat), Anthropic melancarkan produk baharu "Claude Design" sebagai pratonton penyelidikan di bawah Anthropic Labs. Produk ini dibina di atas model utama terbaharu Claude Opus 4.7 yang dilancarkan pada tempoh yang sama, dan telah dilancarkan secara berperingkat pada hari yang sama kepada pelanggan pelan Pro, Max, Team, dan Enterprise.

Nota keluaran rasmi Anthropic menyatakan konsep produk ini seperti 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 memberi ruang kepada pereka untuk meneroka secara meluas, dan memberi semua orang lain cara untuk menghasilkan karya visual. Huraikan apa yang anda perlukan, dan Claude akan membina versi pertama.)

1-2. Peletakan jawatan Mike Krieger daripada lembaga pengarah sebagai latar belakang

Tiga hari sebelum pelancaran, pada 14 April, didedahkan kepada SEC Amerika Syarikat bahawa Ketua Pegawai Produk (CPO) Anthropic, Mike Krieger, telah meletakkan jawatan daripada lembaga pengarah Figma setelah berkhidmat kurang dari setahun. Krieger merupakan pengasas bersama Instagram dan menyertai Anthropic sebagai CPO pada tahun 2024. The Information melaporkan pada hari yang sama bahawa Opus 4.7 dijangka mengandungi ciri reka bentuk yang bersaing, menjadikan situasi ini amat luar biasa — "CPO menyerang syarikat tempat beliau baru berhenti melalui produk syarikatnya sendiri, tiga hari kemudian."

Anthropic tidak menghubungkan peletakan jawatan ini secara rasmi dengan pelancaran produk, namun Curtis Pyke dari Kingy AI mengulas bahawa ini merupakan "isyarat jelas bahawa kepentingan strategik telah berhenti sejajar (strategic interests have stopped aligning)."

1-3. Kedudukan sebagai Anthropic Labs

Claude Design bukan sebuah produk bebas yang berdiri sendiri, sebaliknya muncul sebagai sebahagian daripada lini jenama khas pratonton penyelidikan yang dikenali sebagai Anthropic Labs. Ia merupakan produk utama ketiga bersama Claude Code dan Claude Cowork, dan dipandang sebagai langkah simbolik Anthropic untuk mengembangkan perniagaannya secara serius daripada "model bahasa" ke "lapisan aplikasi" pada masa hadapan.

Bab 2: Pecahan Mendalam Ciri-Ciri Utama ── Perspektif Pereka dari Silicon Valley

Dari perspektif seorang pereka bentuk yang terlibat dalam reka bentuk UI Web/Mudah Alih di Silicon Valley, kami akan menguraikan satu persatu ciri-ciri yang disebut dalam blog rasmi dan pusat bantuan Anthropic.

2-1. Antara Muka Dwi: Sembang Kiri / Kanvas Kanan

Skrin Claude Design terdiri daripada bar sisi sembang (kiri) bernama Let's prototype dan kanvas langsung (kanan). Perkara penting bagi pereka bentuk ialah ia berada di antara "perbualan tulen" ChatGPT dan "reka bentuk berpusatkan antara muka" Figma. Sambil memberi arahan melalui sembang, hasil yang dirender secara sebenar dapat disemak serta-merta pada kanvas di sebelah kanan.

Ini hampir sama dengan konsep Vercel v0 atau Lovable, tetapi Claude Design berbeza kerana ia beroperasi pada lapisan abstrak "dari prompt ke reka bentuk (boleh ditukarkan kepada kod pada peringkat seterusnya)" dan bukan "dari prompt ke kod frontend". Pereka bentuk boleh menjana "reka bentuk yang disokong kod tanpa menulis kod".

2-2. Jana Automatik Sistem Reka Bentuk (Ciri Utama)

Ciri yang Anthropic sendiri gelar sebagai "teras". Semasa onboarding, Claude membaca pangkalan kod, fail reka bentuk, dan panduan jenama pasukan, lalu membina secara automatik sistem reka bentuk yang terdiri daripada warna, tipografi, dan komponen.

Dalam ulasan hands-on sebenar (FindSkill.ai), terdapat laporan bahawa Claude mengenal pasti Bitcoin Orange (#F7931A) sebagai warna primer daripada CSS findskill.ai, lalu menjana palet 11 tahap menggunakan "konvensyen penamaan seperti yang ditulis dalam fail token sebenar". Perkara yang membezakannya daripada jana reka bentuk AI konvensional ialah ia dapat menganggar konvensyen penamaan dengan tepat tanpa sesiapa pun memberi arahan demikian.

Sistem reka bentuk yang telah dibina sekali akan diterapkan secara automatik pada semua projek seterusnya. Pelbagai sistem reka bentuk boleh wujud serentak, dan pasukan boleh membuat penyesuaian dari semasa ke semasa. Ia boleh dikongsi dalam seluruh organisasi, dengan tahap akses yang boleh ditetapkan secara terperinci: private / view-only / edit.

2-3. Gelangsar Ad Hoc yang Dijana (Ciri yang Kurang Dikenali)

Ciri ini boleh dianggap sebagai "kad truf tersembunyi" terbesar blog rasmi Anthropic. Mekanismenya ialah Claude menjana gelangsar yang paling sesuai mengikut sesi. Kenyataan dalam blog rasmi adalah seperti berikut:

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

Perkara penting ialah bukan "panel sifat tetap" tetapi hanya knob yang bermakna untuk sesi tersebut yang muncul. Contohnya, bagi prototaip aplikasi meditasi, mungkin muncul intensiti cahaya ketumpatan ruang putih suhu warna berat tipografi dan sebagainya. Gelangsar yang sama tidak akan muncul dalam dua sesi yang berbeza.

Ini membalikkan sepenuhnya konsep panel sifat tetap Figma. Bukannya pereka bentuk yang mengawal UI, tetapi AI yang mencipta "UI yang diperlukan sekarang" untuk pereka bentuk — satu struktur terbalik.

2-4. Komen Sebaris (Maklum Balas Setempat)

Apabila anda mengklik elemen tertentu pada kanvas dan meninggalkan arahan pembetulan dalam komen, Claude tidak menjana semula keseluruhan reka bentuk tetapi hanya mengedit komponen yang berkaitan. Sebagai contoh, arahan seperti "besarkan padding butang ini" atau "padankan garis bawah input ini dengan gaya tapak" adalah mungkin, dan Claude akan menyemak semula fail sumber jika perlu.

Dalam ulasan sebenar, terdapat kisah di mana Claude mencari helaian gaya sebagai respons kepada arahan yang samar "Too ugly. Check current style on live website and apply (Hodoh sangat. Semak gaya tapak semasa dan terapkan)", lalu membina semula medan input bergaris bawah agar sepadan dengan tapak sebenar. Itulah kemampuan baharu Opus 4.7 — melaksanakan sendiri "gelung seperti meminta junior engineer".

2-5. Alat Tangkapan Web

Bukan sahaja ditetapkan semasa dilancarkan, malah elemen boleh diambil daripada mana-mana laman web langsung semasa beroperasi. Ini sangat berguna apabila anda ingin menjadikan prototaip kelihatan "seperti produk sebenar", dan anda boleh mengambil bahagian hero tapak pesaing atau komponen produk semasa sebagai bahan.

Bagi pereka bentuk, proses pengambilan Web→reka bentuk yang selalunya tidak lancar walaupun menggunakan Figma Plugin kini dipermudahkan melalui laluan terpendek berasaskan prompt — satu perkara yang menggembirakan.

2-6. Kepelbagaian Kaedah Input

Selain prompt teks, input berikut juga diterima:

  • Imej dan lakaran (rekonstruksi daripada imej kasar)
  • DOCX / PPTX / XLSX (untuk pemasar yang membuat halaman pendaratan daripada PDF produk)
  • Keseluruhan pangkalan kod (dengan menunjuk repo)
  • Laman web (alat tangkapan)

Dengan ini, pengurus produk boleh memasukkan PDF Spec sedia ada, pemasar boleh memasukkan Excel katalog produk, dan pereka bentuk boleh memasukkan lakaran tangan masing-masing sebagai "modal asal" mereka.

2-7. Serah Terima Claude Code (Sambungan Satu Klik: Reka Bentuk → Pelaksanaan)

Reka bentuk yang siap boleh dipaketkan sebagai "handoff bundle" dan diserahkan kepada Claude Code dengan satu arahan tunggal. Ini adalah ciri yang berpotensi menyelesaikan secara asasi kehilangan maklumat yang telah lama wujud antara reka bentuk dan kod, bermakna bagi syarikat permulaan di Silicon Valley, saluran paip "Figma → Mod Dev → Storybook → pelaksanaan React" boleh dilalui sepenuhnya oleh satu syarikat AI.

Menurut analisis Kingy AI, ini adalah saluran paip yang belum pernah wujud sebelum ini yang merealisasikan "prompt → reka bentuk → kod produksi" dengan satu vendor tunggal.

2-8. Kepelbagaian Destinasi Eksport

  • PDF
  • PPTX (PowerPoint)
  • HTML tunggal
  • Canva (boleh diedit)
  • URL dalam organisasi
  • ZIP (satu set fail mentah)
  • Claude Code handoff bundle

Yang patut dinyatakan secara khusus ialah output natif ke Canva, yang mencerminkan kuat perkongsian strategik antara Anthropic dan Canva seperti yang akan dibincangkan kemudian.

2-9. Kolaborasi Dalam Organisasi dan Pengurusan Kebenaran

Dokumen boleh dikongsi dalam skop organisasi, dengan kawalan kebenaran tiga peringkat: private / view-only link / edit access. Bagi pelan Team/Enterprise, pengaktifan oleh pentadbir diperlukan. Pada ketika pelancaran, pengeditan berbilang pemain masa nyata hanya pada ciri asas sahaja, dan telah dinyatakan secara terang-terangan bahawa ia belum mencapai tahap "pengeditan bersama setaraf Figma".

Bab 3: Petua Penggunaan Khusus untuk Pereka Bentuk

Dari sini, seorang pereka bentuk produk Silicon Valley akan membincangkan secara mendalam tip-tip yang dirasakan berkesan dalam kerja sebenar.

3-1. "Berjimat" dengan tangkapan skrin

Ben Patterson dari PCWorld melaporkan bahawa beliau menghabiskan 80% peruntukan mingguan Claude Pro hanya dalam masa 25 minit. Punca utamanya adalah kerana memasukkan imej. Amalan profesional adalah dengan menyimpan tangkapan skrin untuk momen perubahan arah, sementara pembetulan kecil dinyatakan "dalam bentuk kata-kata".

3-2. Commit lebih awal dan lebih kerap

Keadaan penjanaan reka bentuk mudah rosak. Patterson yang disebutkan tadi secara tidak sengaja mengetik "Undo" dan kehilangan kerjanya, kemudian menggunakan token yang berbaki untuk membina semula sehingga mencapai had mingguan. Membuat commit secara eksplisit pada setiap kemajuan (sama ada eksport atau simpan ZIP) adalah amalan yang setara dengan "Save" dalam perisian tradisional.

3-3. Sedar tentang "penamaan" sistem reka bentuk

Claude akan membuat kesimpulan tentang konvensyen penamaan token dalam pangkalan kod. Ini bermakna, jika anda memiliki kod sedia ada dengan konvensyen penamaan reka bentuk yang tersusun seperti primary-500 atau surface-overlay-subtle, kualiti awal Claude Design akan meningkat secara drastik. Sebaliknya, repositori yang hanya mengandungi nama seperti color1 atau mainBg akan menghasilkan ketepatan inferens yang lebih rendah. Persediaan untuk Claude Design = kemas kira penamaan dalam pangkalan kod.

3-4. "Jangan bergantung, tetapi bergantung sepenuhnya" pada slaid

Slaid yang dijana oleh Anthropic hanya menunjukkan "knob yang Claude anggap diperlukan pada masa ini". Mereka yang tidak biasa cenderung mahu "menyentuh sifat-sifat lain juga", tetapi berdasarkan pengalaman, pembahagian tugas yang efisien adalah percayai dan sentuh knob yang muncul → ungkapkan bahagian yang tidak muncul melalui sembang.

3-5. Prinsip satu sesi satu niat

Claude Design mengekalkan konteks perbualan, tetapi mencampurkan "pembetulan penjenamaan" dan "perubahan struktur navigasi" dalam sesi yang sama cenderung merosakkan pengambilan keputusan. Memisahkan sesi mengikut unit niat adalah amalan pengguna berpengalaman.

3-6. Jangan tinggalkan Figma sepenuhnya

Untuk aplikasi SaaS kompleks dengan lebih daripada 50 skrin, pengurusan induk tetap dilakukan di Figma, manakala Claude Design digunakan untuk PoC, eksplorasi awal, dan penjanaan bahan pemasaran turunan — inilah penyelesaian realistik melalui pengendalian hibrid. Tanggapan yang tepat bukan "pergantian generasi Figma", tetapi "penggantian bahagian sifar-kepada-satu sebelum Figma".

3-7. SVG kuat tetapi tidak menghasilkan foto

Claude Design tidak menghasilkan foto, ilustrasi janaan AI, atau gambar hero. Sebaliknya, ia menghasilkan SVG (ikon, diagram, rajah) dengan kualiti yang sangat tinggi. Reka bentuk perlu dibuat dengan andaian bahawa foto jenama dan visual fotorealistik disediakan menggunakan alat luaran seperti Nano Banana atau Midjourney, kemudian dimasukkan.

3-8. Pendekkan prompt "Tweaks"

Jika ulasan sebaris menjadi terlalu panjang, Claude cenderung menjana semula keseluruhan kandungan. Dengan memberi tumpuan kepada satu perubahan untuk satu komponen, pengeditan perbezaan setempat dapat dikekalkan.

Bab 4: Cara Penggunaan untuk Bukan Pereka Bentuk ── Pasaran Terbesar yang Disasarkan oleh Anthropic

Kedudukan rasmi Anthropic adalah jelas.

"Kami membina Claude Design untuk orang yang tidak bermula dari alat reka bentuk dan perlu bergerak dari idea kepada sesuatu yang visual dengan cepat."

Ertinya, sasaran adalah "orang yang tidak bermula dari alat reka bentuk." Secara khususnya, lapisan berikut.

4-1. Pengasas / Pengurus Produk

Visual "yang perlu kemas agar dipercayai, tetapi tidak mahu mengambil masa lama" seperti slaid pitching pelabur, bahan pelancaran, dokumen spesifikasi dalaman, laporan analisis pesaing — boleh dijana dengan satu prompt. Sebagai contoh, penerangan seperti yang diperkenalkan secara rasmi: "Prototaip aplikasi meditasi mudah alih yang tenang. Dengan tipografi yang menenangkan, warna-warna semula jadi yang lembut dan terinspirasi alam, serta tataletak yang bersih" — terus menjadi prototaip.

4-2. Pemasar / Pasukan Pertumbuhan

Muat naik PDF produk dan jana bahan halaman pendaratan secara automatik. Menghantar output terus ke Canva, menerapkan kit jenama, kemudian menerbitkan — ini menjadi corak standard. CEO Canva, Melanie Perkins, mengulas: "Idea dan draf dari Claude menjadi reka bentuk kolaboratif yang boleh diedit sepenuhnya dalam Canva dengan serta-merta — itulah kelancaran yang kami tawarkan."

4-3. Operasi / Komunikasi Dalaman

Aset seperti satu halaman dalaman, ilustrasi Wiki, dan bahan orientasi — yang sebelum ini terkongkong kepada "templat PowerPoint" — kini boleh dihasilkan secara besar-besaran dengan identiti jenama syarikat yang seragam.

4-4. Panduan "Langkah Pertama" untuk Bukan Pereka Bentuk

  • Mula dengan memberikan URL laman semasa untuk pembelajaran automatik nada jenama
  • Bermula dengan hasil yang kecil (satu halaman)
  • Sentuh gelangsar dan laraskan secara intuitif
  • Setelah siap, hantar ke Canva untuk kemasan akhir, atau selesaikan dengan output PDF

Bab 5: Kes Penggunaan oleh Jurutera

5-1. Gelung Dua Hala dengan Claude Code sebagai Nilai Teras

Bagi jurutera, nilai terbesar Claude Design terletak pada gelung dua hala bersama Claude Code. Apabila menerima handoff bundle, Claude Code akan membina semula hierarki komponen mengikut rangka kerja yang digunakan (React, Vue, Svelte, dan sebagainya). Oleh kerana niat reka bentuk (Design Rationale) disimpan dalam sejarah perbualan Claude, why tidak mudah hilang sehingga ke peringkat pelaksanaan.

5-2. Pengurusan Terpusat Token Reka Bentuk

Sistem reka bentuk yang dijana dengan membaca asas kod boleh digunakan terus sebagai token dalam pelaksanaan seterusnya. Ini bermakna, nilai jarak (spacing) yang ditetapkan semasa reka bentuk akan turun terus sebagai kelas Tailwind CSS atau definisi tema styled-component — bahagian yang sebelum ini diurus secara manual kini diotomatikkan.

5-3. Jambatan dari Prototaip ke Kod Pengeluaran

Bagi jurutera bahagian hadapan, terdapat masalah klasik iaitu "prototaip yang berfungsi ada, tetapi kualiti merosot apabila diturunkan ke kod produksi." Oleh kerana output Claude Design boleh menghasilkan output setara HTML/JSX yang diterima terus oleh Claude Code, keputusan prototaip tersebar terus ke dalam pelaksanaan produksi.

5-4. Had yang Perlu Diberi Perhatian

  • Sokongan responsif yang lemah. Terdapat kecenderungan memfokus pada reka bentuk viewport tunggal, dan semakan manual adalah wajib untuk menyokong kedua-dua peranti mudah alih dan desktop.
  • Kebolehaksesan (WCAG) boleh dipertingkatkan melalui permintaan semakan. Claude Design turut mempunyai fungsi untuk menjalankan "audit pematuhan WCAG 2.1 AA" melalui Plugin khusus, membolehkan a11y dijamin pada peringkat reka bentuk.
  • Khusus awan. Berbeza dengan Claude Code, ia tidak boleh mengendalikan fail tempatan secara langsung.

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

LapisanFigma (sebelum ini)Claude Design (selepas ini)
Titik mulaBuka alatTulis prompt
Sistem reka bentukPenyelenggaraan manualDigunakan secara automatik daripada pangkalan kod
HandoffMod Dev → kehilangan terjemahan1 klik dengan handoff bundle
KolaborasiKanvas berbilang pemain (kekuatan)Asas sahaja · belum matang
Harga¥1,500/tempat/bulan~Termasuk dalam langganan

6-1. Hubungan dengan Figma

Figma mempunyai UX kolaborasi sesama pereka bentuk sebagai kubu pertahanan terbesar yang telah terbina selama lebih 10 tahun. Pyke dari Kingy AI menyatakan pandangan yang berhati-hati: "Sama ada Claude Design akan mengancam fungsi kolaborasi Figma dalam masa 2 tahun adalah sangat tidak pasti." Namun, beliau amat yakin bahawa "buat pertama kalinya, muncul produk yang boleh menggantikan langkah pertama dalam aliran kerja reka bentuk moden — iaitu membuka Figma".

Dengan kata lain, Claude Design bukan menawarkan "reka bentuk yang lebih baik" tetapi "reka bentuk oleh orang yang berbeza" — bukan merampas terus kawasan Figma, sebaliknya mengincar pasaran yang wujud sebelum seseorang tiba di Figma.

6-2. Hubungan dengan Canva (bukan pesaing, tetapi rakan kongsi)

Canva bukan pesaing bebas, sebaliknya diletakkan sebagai rakan kongsi strategik. Struktur pembahagian kerja ini memisahkan "penjanaan draf awal" Claude Design dengan lapisan "penyuntingan, perkongsian, dan penerbitan" Canva. CEO Canva menekankan nilai teras lapisan penyuntingan berbanding lapisan penjanaan, dengan menyatakan bahawa "penyelarasan (refinement) itulah kubu pertahanan sebenar."

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

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

Claude Design bersaing secara langsung dengan Lovable, v0, Bolt, dan Replit dalam domain prototaip reka bentuk AI. Lovable bertindak balas serta-merta pada hari pelancaran dengan mengumumkan integrasi Claude Opus 4.7 ke dalam platform mereka sendiri serta pemberian kredit berganda sehingga 30 April. Namun, memandangkan Lovable sendiri bergantung kepada Claude, risiko struktur "pembekal yang sama menjadi pesaing" telah terdedah.

6-4. Kekuatan dan Kelemahan Claude Design

Kekuatan

  • Satu-satunya produk yang membina sistem reka bentuk secara automatik daripada pangkalan kod
  • Termasuk dalam langganan (kos marginal hampir sifar)
  • Saluran paip vendor tunggal: prompt → reka bentuk → kod
  • Halangan masuk yang sangat rendah bagi bukan pereka bentuk

Kelemahan

  • Penyuntingan kolaboratif berbilang pemain secara masa nyata belum matang
  • Penggunaan token yang tinggi; pelan Pro mungkin tidak mampu menampung keperluan kerja sebenar
  • Tidak boleh menjana foto atau ilustrasi AI (berasaskan SVG)
  • Sokongan responsif yang lemah
  • Laporan masalah pada integrasi GitHub dan UI pratonton semasa pelancaran

Bab 7: Tindak Balas Pasaran dan Bursa Saham

7-1. Kejatuhan Mendadak Saham Figma

Pada 17 April 2026, harga saham Figma jatuh sebanyak 7.28%, turun daripada harga penutupan hari sebelumnya iaitu $20.32 (kira-kira ¥3,050) kepada $18.84 (kira-kira ¥2,830). Ini merupakan paras lebih 80% lebih rendah daripada paras tertinggi selepas IPO, mencerminkan kebimbangan pelabur terhadap fenomena "SaaSpocalypse" (Kiamat SaaS) — iaitu fenomena di mana makmal AI gergasi menelan platform SaaS sedia ada.

7-2. Saham Berkaitan Yang Turut Terjejas

  • Adobe: -2.7%
  • Wix: -4.7%
  • GoDaddy: -3%

Claude Design tidak dianggap sebagai ancaman kepada Figma sahaja, tetapi sebagai ancaman kepada keseluruhan ekosistem pembinaan web dan reka bentuk.

7-3. Penilaian Syarikat Anthropic

Pada tempoh yang sama, dilaporkan bahawa Anthropic telah menolak tawaran pelaburan daripada pelabur baharu dengan penilaian sehingga $800 bilion (kira-kira ¥120 trilion). Penilaian hanya dua bulan sebelumnya ialah $380 bilion (kira-kira ¥57 trilion), menunjukkan kadar penggandaan dalam tempoh yang singkat. ARR telah meningkat daripada $9 bilion (kira-kira ¥1.35 trilion) pada akhir 2025, kepada $20 bilion (kira-kira ¥3 trilion) pada awal Mac 2026, dan mencecah lebih $30 bilion (kira-kira ¥4.5 trilion) pada awal April.

Ahli ekonomi Ramp, Ara Kharazian, mengulas: "Anthropic sedang menjalani kemajuan yang menakjubkan. Pertumbuhan kadar penggunaan didorong oleh keupayaan untuk menjual kepada pengguna bukan teknikal, serta keupayaan untuk menangkap kontrak yang lebih kecil berbanding sebelumnya."

Bab 8: Persepsi VC, Analis, dan Tokoh Terkemuka

8-1. Perspektif Para Penganalisis

  • Curtis Pyke (Kingy AI): "Saya sangat yakin bahawa titik permulaan kerja reka bentuk akan berpindah. Namun sama ada ia akan mengancam fungsi teras kolaborasi Figma dalam tempoh dua tahun adalah sesuatu yang sangat tidak pasti."
  • Ara Kharazian (Ramp): Anthropic menguasai 37% perbelanjaan perusahaan (OpenAI 33%). "Akhirnya mengatasi OpenAI pada S1," katanya.
  • Molly McCoy (pengalaman reka bentuk cetakan 25 tahun): "Reka bentuk AI adalah mesin slot yang tidak kena dalam kerja saya. Tetapi dalam bidang yang 'kebebasan kreativiti terbatas' seperti reka bentuk korporat, Claude Design pasti akan bertapak."

8-2. Pembingkaian CEO Canva

Melanie Perkins mentakrifkan semula Claude Design bukan sebagai pesaing, tetapi sebagai "corong kepada Canva." Beliau menyatakan "reka bentuk yang boleh diedit sepenuhnya, boleh dikolaborasi, sedia untuk diperhalus, dikongsi dan diterbitkan tersedia serta-merta," dan menegaskan bahawa penapisan, bukan penjanaan, adalah parit pertahanan yang sebenar.

8-3. Suara Pihak Anthropic

  • Blog Rasmi: "Malah pereka berpengalaman terpaksa menjatah penerokaan mereka. Biasanya tiada masa untuk mencuba prototaip dalam 12 arah — mereka terpaksa menyempitkan kepada beberapa arah sahaja."
  • Datadog (kajian kes): "Dari idea kasar, prototaip yang berfungsi siap dibuat sebelum sesiapa pun meninggalkan bilik. Output kekal setia kepada jenama dan garis panduan reka bentuk."
  • Brilliant (kajian kes): Kerja yang memerlukan lebih 20 gesaan kini selesai dengan hanya 2 gesaan.

8-4. Kesunyian Pihak Figma

Yang menarik perhatian ialah kesunyian rasmi Figma. Menghadapi tiga kejadian berturut-turut — kejatuhan harga saham, pemergian CPO, dan pelancaran produk pesaing — tiada sebarang komen rasmi dikeluarkan. Ada yang mentafsirkan ini sendiri sebagai isyarat bahawa mereka "belum memutuskan cara untuk bertindak balas."

8-5. Sequoia Capital

Sequoia Capital telah membuat pelaburan besar dalam Siri G Anthropic yang berlangsung sebelum ini, dan pelancaran produk kali ini dilihat sebagai pengesahan terhadap tesis pelaburan syarikat tersebut. Anthropic telah memperoleh 30 bilion dolar (kira-kira 4.5 trilion yen) pada penilaian pasca-wang 380 bilion dolar (kira-kira 57 trilion yen) dalam Siri G pada awal 2026.

Bab 9: Senario Penggunaan Sebenar dan Aliran Kerja

9-1. Senario 1: Pengasas Peringkat Benih

  • 8 pagi hingga 11 pagi: Jana halaman pendaratan dengan prompt
  • 11 pagi hingga 12 tengah hari: Laraskan bahagian hero dengan slider
  • 12 tengah hari hingga 3 petang: Serahkan handoff bundle kepada Claude Code untuk dilaksanakan dengan Next.js
  • 3 petang hingga 6 petang: Deploy ke Vercel, kongsikan dengan pelabur

Proses yang sebelum ini memerlukan 2 hingga 3 minggu dan pengambilan pereka serta jurutera kini selesai dalam 1 hari perniagaan.

9-2. Senario 2: Pengurus Produk Perusahaan

  • Latih Claude dengan sistem reka bentuk dalaman (sekali sahaja)
  • Jana 3 versi wireframe ciri baharu secara serentak menggunakan prompt
  • Serahkan handoff kepada pereka dengan arahan "siapkan dalam Figma" (melalui Canva atau export terus juga boleh)
  • Serahkan prototaip kepada pasukan pembangunan melalui Claude Code untuk dilaksanakan

Dalam kes Datadog, dilaporkan bahawa "kerja ulang-alik selama 1 minggu selesai dalam 1 perbualan".

9-3. Senario 3: Pemasar

  • Muat naik PDF produk
  • Berikan arahan: "Kempen musim untuk produk SaaS, 4 saiz, dengan CTA"
  • Claude Design jana draf awal, export ke Canva, terapkan kit jenama
  • Kongsikan di Slack, hantar pada hari yang sama

9-4. Senario 4: Pereka (Produksi)

  • Uruskan fail induk dalam Figma
  • Guna Claude Design untuk meneroka ciri baharu (jana cadangan A/B/C secara selari)
  • Bawa cadangan yang dipilih ke dalam Figma untuk penapisan
  • Laksanakan dengan Claude Code

Bukan Figma vs Claude Design, tetapi Figma × Claude Design — penggunaan bersama yang bijak inilah kesimpulan paling praktikal yang akan dicapai oleh para pereka.

Bab 10: Koleksi Tip & Trik Penggunaan

  • Kemaskini pangkalan kod dahulu: Dengan hanya merapikan konvensyen penamaan, kualiti awal boleh meningkat secara dramatik
  • Gunakan Web Capture untuk menyerap elemen pesaing: Serap bahagian baik pesaing sebagai "bahan mentah"
  • Bahagikan sesi mengikut unit niat: Mencampurkan akan menyebabkan Claude keliru semasa membuat keputusan
  • Percaya dan laraskan slider: Fokus hanya pada knob yang Anthropic tentukan sebagai perlu
  • Kemasukan imej membazir token: Gunakan kata-kata untuk perubahan kecil
  • progress = commit: Eksport sebagai snapshot sebelum membuat perubahan besar
  • Ulasan sebaris hendaklah ringkas dan satu per satu: Teks panjang berisiko menjana semula keseluruhan kandungan
  • Sediakan foto di luar Claude: Sediakan menggunakan Nano Banana atau Midjourney kemudian suntik masuk
  • Pelan Max 5x ke atas adalah tahap minimum untuk kerja sebenar: Pelan Pro akan cepat mencapai had apabila digunakan
  • Serah tugas kepada Claude Code dengan satu arahan sahaja: Hanya dengan Ship this bundle to production sudah boleh mencapai peringkat implementasi

Bab 11: Soalan yang Tinggal dan Masa Hadapan

Claude Design telah "menulis semula titik permulaan reka bentuk." Namun, dalam bidang seperti pengeluaran reka bentuk yang serius, aplikasi SaaS kompleks dengan lebih 50 skrin, pengeditan serentak berbilang pengguna, dan penyelenggaraan jangka panjang sistem reka bentuk berskala besar, Figma masih mengekalkan kelebihannya.

Anthropic secara rasmi menyatakan bahawa "integrasi Claude Design akan diperluaskan pada masa hadapan." Fokus seterusnya adalah seperti berikut:

  • Penambahan pengeditan berbilang pemain secara masa nyata
  • Integrasi API Figma (sama ada mematuhi piawaian Design Tokens Community Group)
  • Pengoptimuman ekonomi token (Opus 4.7 mengalami inflasi 1.35 kali ganda pada token input/output, menjadikan kos sebenar berganda bagi penggunaan intensif)
  • Integrasi dengan Slack / Jira / Notion

Dari segi harga, harga API Opus 4.7 kekal pada $5 (kira-kira ¥750) per juta token input dan $25 (kira-kira ¥3,750) untuk output, namun penggunaan token sebenar meningkat sehingga 35% akibat penokenisasi baharu. Langganan Pro berharga $20 sebulan (kira-kira ¥3,000), Max 5x $100 sebulan (kira-kira ¥15,000), dan Max 20x $200 sebulan (kira-kira ¥30,000) — jika anda ingin menjalankan Claude Design secara profesional, Max 5x ke atas adalah had minimum yang praktikal.

Bab 12: Pemerhatian Akhir daripada Pereka di Silicon Valley

Claude Design ialah "rakan berdialog dalam reka bentuk, bukan alat reka bentuk". Jika Figma telah menyempurnakan peranannya sebagai "alat untuk pereka bentuk", Claude Design menawarkan paksi yang sama sekali berbeza — iaitu sebagai "rakan berdialog bagi sesiapa sahaja yang memerlukan reka bentuk".

Pereka bentuk produksi tidak perlu bimbang bahawa Claude Design akan merampas pekerjaan mereka. Yang perlu dibimbangkan ialah pereka bentuk yang tidak menggunakan Claude Design akan ketinggalan dari segi kelajuan, dikalahkan oleh mereka yang bukan pereka bentuk tetapi menjadikan Claude Design sebagai senjata mereka.

Sebaliknya, pereka bentuk kanan di Silicon Valley yang telah menguasai Claude Design kini mampu mencuba secara selari "10 arah penerokaan yang sebelum ini terpaksa diabaikan kerana kekurangan masa". Citarasa dan pertimbangan jenama masih tetap milik manusia. Claude Design hanyalah alat yang membekalkan bahan pertimbangan itu pada kelajuan 10 kali ganda berbanding sebelumnya.

Anthropic tidak berhasrat untuk melampaui "ingatan otot pereka bentuk" yang telah dibina oleh Figma selama 10 tahun, hanya dalam masa setahun. Sebaliknya, mereka telah membuka ruang baharu — "dunia sebelum Figma dibuka". Inilah sebabnya ramai pereka bentuk di Silicon Valley melihat pelancaran ini bukan sebagai "ancaman", tetapi sebagai "pengembangan yang dialu-alukan".

Bab 12: Pemerhatian Akhir daripada Pereka di Silicon Valley

Claude Design adalah "rakan dialog reka bentuk, bukan alat reka bentuk". Jika Figma menguasai "alat untuk pereka bentuk", Claude Design pula mencadangkan paksi yang sama sekali berbeza iaitu "rakan dialog bagi semua orang yang memerlukan reka bentuk".

Apa yang perlu ditakuti oleh pereka bentuk produksi bukan lah Claude Design akan merampas pekerjaan mereka. Sebaliknya, pereka bentuk yang tidak menggunakan Claude Design akan ditinggalkan jauh dari segi kelajuan oleh mereka yang bukan pereka bentuk tetapi menggunakan Claude Design sebagai senjata.

Sebaliknya, pereka bentuk kanan Silicon Valley yang memiliki Claude Design kini boleh mencuba secara selari "10 arah penerokaan yang sebelum ini terpaksa diabaikan kerana kekurangan masa". Selera dan pertimbangan jenama masih milik manusia. Claude Design adalah alat yang membekalkan bahan pertimbangan tersebut pada kelajuan 10 kali ganda berbanding sebelumnya.

Anthropic tidak cuba mengatasi "memori otot pereka bentuk" yang dibina Figma selama 10 tahun dalam masa setahun. Sebaliknya, mereka membuka laluan baru iaitu "dunia sebelum membuka Figma". Inilah sebabnya ramai pereka bentuk di Silicon Valley menerima pelancaran kali ini bukan sebagai "ancaman", tetapi sebagai "pengembangan yang harus disambut baik".

Sumber