🤯 Claude Design’ı bırakıyorum… bu alternatif daha iyi

Bu, geçimini müşteri işleri tasarlayarak sağlayan birinin uygulamalı incelemesi. Jérémy DE CAMPOS gerçek ajanslar için SaaS ürünleri geliştiriyor ve kod yazmadan önce arayüz taslakları çıkarmak için Claude Design kullanıyordu. Videosunda bir topluluk üyesi ona Open Design’ı gösteriyor; o da olabilecek en adil testi yapıyor: Claude Design’da daha önce yaptığı müşteri aracının birebir aynısını yeniden kurup karşılaştırıyor. Bu yazılı sürüm onun denemesini takip ediyor; bu rehber için yeniden yazıldı ve güncel sürüme göre güncellendi. Canlı tepkiler için yukarıdaki videoyu izleyin ya da okumaya devam edin.

Open Design: kendi makinenizde çalıştırdığınız, açık kaynaklı ve agent-native bir tasarım çalışma alanı.

Open Design nedir?

Open Design açık kaynaklı, local-first bir tasarım platformu — Claude Design ve Figma’ya agent-native bir alternatif. Sizi tek bir ücretli modele kilitlemek yerine zaten sahip olduğunuz kodlama agent’ının üzerinde çalışır: Claude Code, Codex, Cursor, Gemini, Copilot, OpenCode ve dahası.

Jérémy’nin ilk dakikada fark ettikleri:

• Açık kaynak, Apache-2.0 — GitHub’da, hızla ilerliyor ve şaşırtıcı derecede tamamlanmış durumda.
• Yerelde çalışır — projeler makinenizde açıp inceleyebileceğiniz gerçek bir klasöre iner.
• Kendi agent’ınızı getirin — 21’den fazla agent destekleniyor; fiyatlandırma sayfası yalnızca onların barındırılan modelleri için, dolayısıyla kendi anahtarınızı ya da CLI’nizi bağlarsanız ona ihtiyacınız olmaz.
• Prototipten fazlası — prototipler, panolar, sunum desteleri, görseller ve hatta video; ayrıca HTML Anything ve HTML Video gibi kardeş araçlar.

Claude Design kullandıysanız arayüz size hemen tanıdık gelecek — sonra da üstüne seçtiğiniz motoru ekliyor.

Adil test: gerçek bir müşteri aracını yeniden kurmak

Oyuncak bir prompt yerine Jérémy gerçek bir projeyi yeniden kullanıyor: ajans müşterilerindeki güncellemeleri yönetmek için geliştirdiği, dahili bir teslimat ve hata takip SaaS’ı. Bu brief’i ve bir design system dosyasını daha önce Claude Design’a vermişti; bu yüzden Open Design’a birebir aynı girdileri — aynı şartname, aynı design system — verip çalıştırıyor. Aynı prompt, aynı başlangıç malzemesi, iki araç: güvenilebilecek tek karşılaştırma bu.

Token’la değil, Claude aboneliğinizle çalıştırın

İlk karar motor ve maliyet hikâyesinin değiştiği yer tam da burası. Open Design ham bir API anahtarı bağlamanıza izin veriyor — ama Jérémy bariz riske dikkat çekiyor: Opus gibi ücretli bir modeli token başına faturalandırmayla çalıştırıp üretim yapmak «bir kolunuza mal olabilir».

Derken asıl önemli seçeneği buluyor: yerel Claude Code CLI’yi çalıştırmak. Sayaçla ölçülen API token’larını yakmak yerine Open Design, zaten kurulu olan claude CLI’nizi sürüyor; böylece üretim, halihazırda ödediğiniz Claude aboneliği üzerinden koşuyor. Hemen ona geçiyor — «çok ilginç dediğimde, gerçekten çok ilginç demek istiyorum» — ve sonunda hasarı doğruluyor: tam bir oturum penceresinin yaklaşık %9’unu kullanmış. Bunu her gün yapan bir ajans için bu fark, tartışmanın tamamı.

İpucu: motoru çalışma alanının sol alt köşesinden seçin. Mevcut bir aboneliği yeniden kullanmak için Open Design’ı yerel bir CLI’ye (Claude Code, Codex, Gemini) yöneltin ve sayaçlı bir API anahtarını yalnızca yedek olarak tutun.

Ne kurdu: bir resim değil, tıklanabilir bir prototip

İncelemenin döndüğü an işte bu. Open Design düz bir ekran görüntüsü geri vermiyor — çalışan, tıklanabilir bir prototip kuruyor. Jérémy bir talep panosuna giriyor, ayrıntı görünümlerini görmek için tek tek talepleri açıyor ve kartları sütunlar arasında sürüklüyor. kanban etkileşimli; talep ayrıntısında müşteri notları, yakalama günlükleri ve bir konsol görünümü var; ekranlar gerçek bir uygulama gibi birbirine bağlanıyor.

Statik bir mockup değil — ekranlar birbirine bağlanıyor ve öğeler tıklamalara yanıt veriyor.

Ardından bir takip prompt’uyla daha da ileri gidiyor: diğer sayfaları da yap ve mockup gezilebilsin diye kenar çubuğu bağlantılarını bağla. İstek yerine geliyor, ek sayfaları üretip bağlıyor, sonra da iki kez söylenmesine gerek kalmadan yerleşimi tablet ve mobil sürümlere uyarlıyor.

Design system, hakkıyla sunuluyor

Claude Design’a verdiği design system’in aynısını beslediği için karşılaştırma dolaysız — ve hükmü açık: Open Design’ın design system’leri daha iyi sunuluyor. Renkler, tipografi, boşluklar ve bileşenler net biçimde diziliyor; ek açıklama ve noktalı kılavuz stiliyle sistem, gelişigüzel bırakılmış değil, üzerine düşünülmüş gibi görünüyor.

Bir renk yığını değil, dokümantasyon gibi okunan bir design system.

Doğrudan tuval üzerinde düzenleyip not düşebilirsiniz: bir bölge seçin, bir not bırakın, metni yerinde değiştirin ve değişiklikleri agent’ın uygulaması için sıraya koyun — o da uyguluyor ve her turda daha temiz bir sonuçla dönüyor.

Mockup’tan PRD’ye — agent’ınıza devir

Jérémy’nin gerçek iş akışına oturan özellik PRD üretimi. Yöntemi vibe-coding: talepleri gruplamak, değişikliği anlatmak ve kod düzenlemelerini kendisi yapsın diye Claude Code’a bir şartname vermek. Open Design tam da o köprüyü üretiyor — üç biçimde bir PRD:

• okuması için bir önizleme sürümü,
• doğrudan yapay zekâya vermek için bir Markdown sürümü,
• ve gerektiğinde bir müşteriye göndermek için bir PDF sürümü.

Bir teslimat görünümü (işi tamamlandı olarak işaretleme) ve uygulamaya ait bir changelog ile eşleşince, «tasarlanmış ekran»dan «kodlama agent’ımın üzerine inşa edebileceği şartname»ye uzanan döngüyü kapatıyor — hem de çalışma alanından çıkmadan.

Mockup’ın ötesinde

Çalışırken gerisini de dolaşıyor ve durmadan bir şeyler buluyor:

• Bellek — oturum boyunca yaptıklarınızı otomatik olarak akılda tutuyor.
• Görsel kütüphanesi + üretim — görselleri yerinde içe aktarın ya da oluşturun.
• Skill’ler — bir yığın hazır skill; kendinizinkilerle genişletilebilir.
• MCP sunucuları ve konektörler — harici MCP desteği ve tersi de: Open Design’ı bir MCP sunucusu olarak dışa açmak, böylece Claude Code CLI’niz tuvali sürüp doğrudan terminalden düzenlemeler yapabilir.
• Figma’dan içe aktarma, bir eklenti merkezi ve şablon paketleri.
• Bir tasarım inceleme paneli — etkinleştirildiğinde agent’ın yanında beş panelli bir inceleme beliriyor ve çıktıya not veriyor.

Karar

Vardığı sonuç net: Claude Design’ı bırakıp gerçek projelerini — hem tasarım hem video için — Open Design’a taşımayı ciddi ciddi düşünüyor. Onu kazanan bileşim çok belirgin: aynı girdiler daha iyi sunulan bir design system ve gerçekten etkileşimli bir prototip üretiyor, sayaçlı token yerine zaten ödediği Claude aboneliği üzerinde çalışıyor ve kodlama agent’ına doğrudan verebileceği bir PRD çıkarıyor. Aracı birkaç hafta sıkı biçimde kullanıp geri bildirimde bulunmayı planlıyor — ama ilk kullanımdaki izlenim şu: bu yalnızca ücretsiz bir klon değil, onun iş akışı için daha iyi olan araç.

Sık sorulan sorular

Open Design gerçekten ücretsiz mi? Uygulama açık kaynak (Apache-2.0) ve yerelde çalışıyor. Yalnızca seçtiğiniz model için ödeme yaparsınız — Claude Code gibi yerel bir CLI bağlarsanız, o zaten sahip olduğunuz abonelik üzerinde çalışır ve token başına ek fatura çıkmaz.

Fiyatlandırma sayfasındaki ücretli plana ihtiyacım var mı? Hayır. O plan Open Design’ın barındırılan modelleri için. Kendi anahtarınızı ya da yerel CLI’nizi getirin, planı atlayabilirsiniz.

Claude Design’da zaten kurduğum şeyi içe aktarabilir miyim? Evet — design system’inizi Claude Design’dan dışa aktarın ve Open Design’a içe aktarın, sonra aynı markayla üretmeye devam edin.

Gerçek bir şartname dışa aktarıyor mu? Evet. Open Design önizleme, Markdown ve PDF biçiminde bir PRD üretebilir; böylece Markdown’ı kodlama agent’ınıza, PDF’i bir müşteriye verirsiniz.

Hangi agent’ı kullanmalıyım? Desteklenen herhangi biri — çıktı kalitesi seçtiğiniz modele bağlı. Yerel Claude Code, Codex ya da Gemini CLI’nizi kullanmak en ucuz yol, çünkü mevcut bir aboneliği yeniden kullanır.