Alternatif open-source untuk Claude Design
Claude Design bagus. Ia juga closed-source, hanya hosted, dan dibundel dengan langganan Claude. Inilah pandangan jujur tentang kapan harus memilihnya — dan kapan jalur open-source yang menang.
Claude Design bagus. Kami sudah memakainya untuk brief sungguhan. Fakta bahwa kami justru membangun sebuah lapisan open-source bukan karena Anthropic merilis alat yang buruk — mereka tidak begitu. Itu karena perkakas desain yang closed-source, hanya hosted, dan berharga $20-hingga-$200-sebulan adalah bentuk yang keliru untuk satu dekade ke depan pekerjaan desain. Tulisan ini adalah pandangan jujur tentang Claude Design dari tim yang merilis di kategori yang sama: apa itu, di mana ia mengunci Anda, seperti apa sebenarnya alternatif open-source-nya, dan mana yang sebaiknya Anda pilih kuartal ini.
Apa sebenarnya Claude Design itu
Claude Design diluncurkan dari Anthropic Labs pada April 2026. Ia adalah alat desain percakapan yang ditenagai Claude Opus 4.7: chat di kiri, kanvas di kanan. Anda mendeskripsikan apa yang Anda inginkan, Claude menghasilkan sebuah desain, dan Anda beriterasi lewat komentar, suntingan inline, dan penyempurnaan prompt.
Ia melakukan empat hal dengan baik:
- Prototipe dari prosa. Alur onboarding, halaman pengaturan, panel admin, varian checkout — lima menit dari prompt ke layar interaktif.
- Kesadaran codebase. Impor sebuah repo GitHub atau lampirkan sebuah direktori lokal dan prototipe akan memakai komponen sungguhan Anda, sistem token Anda, konvensi Anda.
- Integrasi merek. Siapkan sebuah design system satu kali dan setiap proyek otomatis mengambil warna, tipografi, dan pola komponennya.
- Serah-terima ke Claude Code. Tombol "build this" membawa prototipe ke kode siap-produksi di tab browser yang sama.
Ekspor mencakup Canva, PDF, PPTX, HTML, dan URL mandiri. Harganya dibundel — Claude Pro $20, Max $100–$200, Enterprise di tier "hubungi-kami" yang biasa. Saat ini ia adalah research preview untuk pelanggan Claude berbayar.
Jika Anda membaca tutorial resmi, alur kerja yang Anthropic gambarkan adalah alur yang sama dengan yang dirilis Open Design: sebuah brief, sebuah arah, sebuah artefak, sebuah serah-terima. Perbedaannya berada satu lapisan di bawah.
Di mana ia mengunci Anda
Claude Design membawa empat bentuk lock-in yang layak disebut sejak awal, karena halaman pemasaran tidak menyebutkannya.
Modelnya tetap. Setiap render melewati Claude. Bukan Claude atau model yang sudah Anda bayar — hanya Claude. Jika tim Anda punya kontrak dengan GPT, Gemini, atau DeepSeek, atau jika Anda self-host di Ollama untuk brief sensitif, alur kerja itu tidak terbawa. Biaya token mengikuti kurva harga Anthropic selamanya.
Runtime-nya hosted. Prompt Anda, design system Anda, dan konteks codebase Anda semuanya berjalan ke server Anthropic. Untuk pekerjaan agensi atau kreatif pra-peluncuran di bawah NDA, itu jadi percakapan procurement setiap kali. Self-hosted bukan pilihan di research preview, dan pengumuman itu tidak berkomitmen untuk menyediakannya.
Skill-nya bukan milik Anda. Perilaku Claude Design ditentukan oleh prompt dan tools yang berada di dalam Anthropic. Anda tidak bisa mem-fork, mengaudit, atau menggantinya. "Skills" yang Anthropic rilis di Claude Skills bersebelahan tapi terpisah; perkakas khusus-desainnya bersifat internal.
Tagihannya adalah langganan. $20–$200/bulan per kursi memang wajar untuk seorang desainer solo, menyakitkan untuk tim dua puluh orang, dan tidak mungkin untuk belasan kontributor open-source yang seharusnya bisa mengadopsi alur kerja yang sama.
Tidak satu pun dari ini adalah bug di Claude Design. Inilah bentuk dari sebuah produk hosted. Anthropic mengoptimalkan untuk pelanggan Pro rata-rata. Kami bukan pelanggan Pro rata-rata.
Alternatif open-source-nya
Open Design (situs ini) adalah taruhan yang berbeda. Ia bukan klona Claude Design — ia adalah lapisan skill tipis yang mengubah coding agent yang sudah Anda pakai menjadi sebuah mesin desain. Empat primitifnya adalah skills, systems, adapters, dan daemon. Setiap skill adalah sebuah file SKILL.md. Setiap design system adalah sebuah file DESIGN.md. Setiap agent adapter adalah ~80 baris TypeScript.
Apa yang dirilis dalam paket hari ini:
- 123 skills — generator deck, mockup mobile, halaman editorial, Word/Excel/PPT, eksplorasi merek
- 148 design systems — versi Markdown portabel dari Linear, Vercel, Stripe, Apple, Cursor, Figma, plus ekor panjang lainnya
- 16 CLI coding-agent terdeteksi otomatis di
$PATHAnda — Claude Code, Codex, Cursor, Gemini, OpenCode, Copilot, Devin, Hermes, Pi, Kimi, Kiro, Qwen, DeepSeek TUI, Qoder, Mistral Vibe, Kilo - Alur kerja terkunci empat langkah — formulir pertanyaan → pemilih arah → aliran rencana langsung → pratinjau iframe ter-sandbox
- BYOK secara bawaan — tempelkan
base_urldan kunci apa pun yang kompatibel-OpenAI, token Anda langsung menuju penyedianya - Apache-2.0, tanpa pendaftaran, berjalan di
pnpm tools-dev
Model mentalnya: Claude Design adalah sebuah produk. Open Design adalah sebuah lapisan.
Berdampingan
| Claude Design | Open Design | |
|---|---|---|
| Lisensi | Proprietary | Apache-2.0 |
| Runtime | Hosted (Anthropic) | Daemon lokal (pnpm tools-dev) + deploy Vercel opsional |
| Model | Hanya Claude | Endpoint apa pun yang kompatibel-OpenAI + 16 CLI terdeteksi |
| Skills | Internal | 123 folder SKILL.md yang bisa di-fork |
| Design systems | Penyiapan merek per-proyek | 148 file DESIGN.md portabel |
| Konteks codebase | Impor GitHub + lokal | Tingkat-skill, direktori kerja sungguhan |
| Harga | $20 / $100 / $200 / Enterprise | Gratis; Anda membayar penyedia model Anda secara langsung |
| Serah-terima | Claude Code (dalam aplikasi) | Agent apa pun di $PATH, plus ekspor HTML / PDF / PPTX / ZIP |
| Bisa di-self-host | Tidak | Ya (laptop atau Vercel) |
| Jalur data | Prompt → Anthropic | Prompt → penyedia pilihan Anda; tidak ada yang melewati kami |
Ringkasan jujurnya: Claude Design punya pengalaman produk-tunggal yang paling halus. Open Design menukar permukaan produk-tunggal yang halus itu dengan sebuah pustaka — lebih banyak skill, lebih banyak system, lebih banyak agent, dirancang untuk dipadukan dengan agent yang sudah ada di laptop Anda.
Siapa sebaiknya memilih apa
| Jika Anda adalah… | Pilih |
|---|---|
| Seorang PM solo di perusahaan yang sudah memakai Claude Pro dan butuh prototipe sebelum makan siang | Claude Design. Biaya $20/bulan sudah terlanjur; antarmukanya benar-benar cepat. |
| Sebuah tim desain enterprise di mana Anthropic sudah lolos procurement | Claude Design. Anda sudah membayar biaya integrasinya sekali; manfaatkan. |
| Seorang desainer solo yang ingin "Claude Design tapi gratis" | Open Design. Gratis, dan Anda memiliki alur kerjanya alih-alih menyewanya — arahkan ke model yang sudah Anda bayar dan deck pertama memakan waktu sekitar sepuluh menit. |
| Seorang design engineer yang sudah mengendalikan Claude Code, Codex, atau Cursor dari terminal | Open Design. Agent Anda adalah mesin desainnya; lapisan skill menambahkan selera dan struktur tanpa aplikasi baru. |
| Siapa pun yang butuh BYOK, pemilihan model di tengah proyek, atau lokal-saja untuk brief sensitif | Open Design. Kenyataannya lebih kasar daripada pemasarannya, tetapi kontraknya adalah satu-satunya yang benar-benar berlaku. |
| Seorang kontributor open-source yang ingin merilis skill desain baru yang bisa diadopsi proyek | Open Design. Letakkan sebuah folder, restart daemon-nya, kirim PR. |
| Sebuah tim yang menstandarkan sebuah design system portabel yang bertahan dari pergantian alat | Open Design. File DESIGN.md berumur lebih panjang daripada alat yang membacanya. |
Dimensi yang menentukan pilihan bagi kebanyakan tim bukanlah kualitas. Melainkan apakah Anda lebih suka menyewa alur kerjanya atau memilikinya.
Apa yang harus dilakukan selanjutnya
Jika Anda ingin merasakan seperti apa memiliki alur kerjanya sebelum Anda menghabiskan langganan Pro, jalankan quickstart tiga-perintah dan arahkan ke model yang sudah Anda bayar. Semuanya berada dalam satu repo dan deck pertama memakan waktu sekitar sepuluh menit.
Coba alur kerja open-source-nya.
Bacaan terkait
- Mengapa kami membangun Open Design sebagai lapisan skill, bukan sebuah produk — manifesto yang lebih panjang di balik taruhan "lapisan, bukan produk"
- Alur kerja desain BYOK — jalankan Claude, Codex, atau Qwen dengan kunci Anda sendiri — matematika biaya di balik memilih model Anda sendiri
- Pemeriksaan realitas BYOK — lima hal yang rusak — apa yang sebenarnya rusak hari ini di jalur terbuka, dan solusi sementaranya