Ücretsiz Claude Design Alternatifi mi? Open Design AI'ı Test Ediyoruz
Web siteleri kurup yöneterek geçimini sağlayan bir WordPress geliştiricisi, kendi coding agent aboneliğini bağlayarak Open Design'ı ücretsiz, açık kaynaklı bir Claude Design alternatifi olarak canlı yayında test ediyor — marka kılavuzları ve sınıf quest kartları oluşturuyor. Dan Davies'in uygulamalı yayınına dayanmaktadır.
Bu, kendini tasarımcı saymayan ama geçimini web sitesi kurup yöneterek sağlayan biri tarafından yapılan, senaryosuz, gerçek bir Open Design testidir. Dan Davies, Claude Design çıktığında ona bayılmıştı, ama kısa sürede düşük kullanım limitleriyle tepe tepe karşılaştı — bu yüzden kendi AI aboneliğine bağlayabileceği açık kaynaklı bir alternatif aramaya başladı. Tüm oturumu canlı anlatımında izleyin, ya da aşağıdaki yazılı sürümü okuyun.
Open Design çalışma alanı: ne istediğini anlat, bir mod seç ve zaten parasını ödediğin coding agent işi halletsin.
Open Design nedir?
Open Design, açık kaynaklı, yerel öncelikli bir tasarım platformudur — Claude Design ve Figma'ya agent-native bir alternatiftir. Seni tek bir sağlayıcının modeline ve sabit bir kredi havuzuna kilitlemek yerine, zaten kullandığın coding agent'ın üzerinde çalışır.
- Açık kaynak, Apache-2.0 — klonla, kendin barındır, her satırını oku, ya da sadece masaüstü uygulamasını indir.
- Yerel öncelikli — projelerin başkasının bulutunda değil, kendi makinendeki kendi klasörlerinde yaşar.
- Sadece kendi key'ini değil, kendi agent'ını getir — Claude Code, Codex, Cursor, Gemini, Copilot, OpenCode, Hermes ve daha fazlasını bağla; bağladığın CLI üretimi yönlendirir.
- Prototipten fazlası — marka kılavuzları, pazarlama grafikleri, slayt tarzı düzenler ve tam web tasarımları, hepsi tek bir çalışma alanından.
Claude Design kullandıysan, his anında tanıdık gelecektir. Dan'ın videoda dediği gibi, "bu kelimenin tam anlamıyla Claude Design — aynı düzen, aynı şekilde çalışıyor." Fark, altında ne döndüğünde ve faturayı kimin ödediğinde yatıyor.
Open Design'ın çözdüğü kullanım limiti sorunu
Dan'ın hikayesi birçok kişinin tanıdık geleceği bir hikaye. Çıktığında Claude Design'dan gerçekten etkilenmişti — ortaya çıkardığı şeyi beğenmişti — ama "kullanım limitleri o kadar düşüktü ki kullanmaya devam etmek sürdürülebilir değildi." Gerçek bir projeye girip yinelemeye başladığın an, hızla tavana çarpıyorsun ve tam da ivme kazandığın anda araç susuyor.
Onu başka yer aramaya iten tam olarak bu tek hayal kırıklığı, ve Open Design'ın kapattığı boşluk da tam olarak bu. Open Design açık kaynaklı olduğu ve sana model erişimini yeniden satmadığı için, işinin üzerine binen ayrı bir tasarım aracı kredi sayacı yok. Kendi agent'ını getiriyorsun ve kullanımın, tasarım aracının sana dayattığı bir limit değil, o agent'la zaten sahip olduğun plan tarafından yönetiliyor.
Bir WordPress ajansı ve WordPress öğreten bir okul topluluğu yürüten bir geliştirici olan Dan için bu, hesabı tamamen değiştiriyor. Tasarım, ölçülü bir lüks olmaktan çıkıp, gün boyu üzerinde yineleyebileceği bir şeye dönüşüyor.
Kendi agent'ını getir, kendi faturanı değil
Bu, Dan'ın sürekli geri döndüğü özellik ve net anlaşılmayı hak ediyor. Open Design kendi modelini sunmuyor. Ayarlar'da, makinende zaten kurulu olan coding agent CLI'larını tespit ediyor ve aralarında geçiş yapmana izin veriyor.
Dan'ın kurulumunda iki tanesini buldu: komut satırındaki Claude Code ve bir ChatGPT aboneliğiyle çalıştırdığı Hermes agent. "Temelde neredeyse her şeyi bağlayabilirsin," diyor — "sadece bir model değil, bir agent." Claude aboneliğini kullanmak istersen kullanabilirsin; Codex planını da; çıplak bir API key'i de.
Çizdiği ayrım önemli olan ayrım: çıplak API key'lerden bilerek kaçınıyor, çünkü çağrı başına ödenen krediler, yinelemeli tasarım işinde gerçek parayı hızla tüketiyor. Open Design'ı zaten ödediğin bir aboneliğe — Claude Code'un planına ya da Hermes üzerinden ChatGPT'ye — yönlendirmek, üstüne ikinci bir fatura yığmadığın anlamına geliyor. Onu kendi limitleri olan barındırılan bir tasarım aracına tercih etmesinin başlıca sebebi bu.
Şablon ve skill kütüphanesi — Figma'dan geçiş ve React veya Next.js'e export gibi şeyleri de içeriyor — böylece boş bir tuvalden başlamıyorsun.
Genişleme alanını da erkenden fark ediyor: gerçek topluluk videolarına bağlanan bir tutorials bölümü, üzerine gelince animasyonlu hazır şablonlarla dolu bir plugins alanı, ve Figma migration, export to React, export to Next.js gibi skill'ler. Tüm kapasiteyi henüz keşfetmediğini açıkça belirtiyor — bu ilk uygulamalı deneyimi — ama yapı belli ki zaten orada.
Test bir: kaba bir fikirden marka kılavuzları
Dan'ın ilk ciddi görevi, normalde profesyonel bir tasarımcının zamanını gerektiren türden bir şey: WP Odyssey okul topluluğu için bir marka kılavuzları belgesi. Logosu, ikonları, fontları veya renkleri hakkında net bir dokümantasyonu yoktu, bu yüzden Open Design'dan bir tane oluşturmasını istedi.
Sonuç onu etkiledi. Markayı düzgün bir kılavuz sayfası olarak yakaladı — logo kullanımı, öğrencilerini götürdüğü öğrenme yolculuğunu temsil eden üç dişli "kimlik işareti", boşluk kuralları, yanlış kullanım örnekleri, neredeyse siyaha yakın bir "mürekkep" rengine kadar uzanan bir dizi mor ton ve istediği font. Hatta mevcut düz morundan daha çok beğendiği bir mor gradyan bile getirdi ve kursu boyunca yolculuk için bir "yol" motifi tasarladı.
Anlatış şeklinde iki şey öne çıkıyor. Birincisi, Open Design yapılandırılmış bir çıktı üretti — dağınık bir asset yığını değil, tutarlı bir düşünme biçimi olan, sunulabilir bir belge. İkincisi, onu yaşayan bir eser olarak ele aldı: "bunu geliştirmek için üzerinde çalışmaya devam edeceğiz." Amaçlanan döngü tam olarak bu — gerçek bir markadan güçlü bir ilk sürüm üretmek, sonra inceltmek.
Her şey kusursuz değildi. Neredeyse hiç brief vermeden bir müşterinin varlık yönetimi web sitesini "iyileştirmesini" istediği daha önceki, daha kısa bir test, kendi ifadesiyle jenerik bir "AI slop" gibi görünen bir sonuçla geri döndü. Kendi değerlendirmesi adil ve faydalı: "Sorun her zaman araçta değil," diyor. "Onu nasıl prompt'ladığınla ilgili."
Test iki: quest kartlarını tasarlamak
Asıl gösteri, gerçekten uğraştırıcı bir tasarım problemi. Dan'ın topluluğunda satır başına üçer tane olacak şekilde düzenlenmiş, standard, premium ve VIP kademelerine bölünmüş 14 "quest" kartı var ve kademe yükseldikçe morların koyulaşmasını, kesikli bir "yolculuk" çizgisinin her satırı geçip karttan karta hizalanmasını, ve her kartın biraz kendine has karakter korumasını istiyordu.
Bunu bir gün önce ChatGPT ile (Hermes agent üzerinden) denemişti ve kötü gitmişti — yanlış renkler, kırık çizgiler, hepsi birbirinin aynı görünen kartlar, ve bir noktada marka özelliklerinden tamamen saptı, buna ancak sorgulandığında itiraf etti. Bu yüzden yayında temiz bir proje başlattı, agent'ı tekrar Claude Code'a çevirdi ve ona düzgünce besledi: export edilmiş marka kılavuzları PDF'i, referans için mevcut sınıfın bir ekran görüntüsü, ve tüm sayfayı değil sadece kartları yeniden tasarlaması için tek bir örnek kart.
Bu sefer agent iyi keşif soruları sordu — nihai asset boyutları, en boy oranı, morun nasıl koyulaşması gerektiği (kademeye göre kademeli, aşamalı gradyan), satır başına kaç tane — ve ardından güçlü bir ilk taslak üretti. Dan'ın hükmü nettti: "Dünün ChatGPT'sinin yaptığından milyon kat daha iyi." Kartlar doğru renkleri kullandı ve önemlisi, yolculuk çizgisi kartlar arasında otomatik olarak hizalandı — elle düzeltmeye hazırlandığı bir şeydi bu.
Open Design, üretilen işi dağınık bir dosya yığını olarak değil, gerçek, yapılandırılmış bir eser olarak sunma eğilimindedir — burada, önizlemede tamamen render edilmiş bir tasarım görülüyor.
Kusursuz değildi — standard kademenin morları istediğinden daha koyu çıktı, çeşitlilik isteyeceği bir yerde bir logo tekrarlandı — ama bunlar tam olarak bir sonraki prompt'a geri besleyeceğin notlar. Ayrıca dürüst bir maliyet verisi de paylaştı: o kart grubunu üretmek, 20 dolarlık Claude planının kullanımının yaklaşık %50'sini tüketti. Tasarım yinelemesi model maliyetinden tamamen bağımsız değil; sadece ikinci bir tasarım aracı faturasından bağımsız.
Bağladığın modelin neden önemli olduğu
Dan'ın oturumundan çıkan en net sonuç, çıktı kalitesinin bağladığın agent'ı takip ettiğidir. Aynı araçtaki aynı görev, bir agent'la karışık bir dağınıklığa, daha güçlü bir agent'la temiz bir ilk taslağa dönüştü. Open Design çalışma alanı ve yapıdır; motor ise modeldir.
Ayrıca sıradan görsel araçlarla güzel bir karşılaştırma da yapıyor: benzer görevleri jenerik bir görsel üreticide denemişti ve o "zorlanmıştı," oysa Open Design "verdiği şeyde biraz daha fazla yapı varmış gibi görünüyor." Grafik istendiğinde, onları görüntülemek ve indirmek için küçük bir web sayfası inşa etti — sadece ham çıktı değil, sunulabilir bir teslimat.
Buradan sonraki planı, bu aracın gerçek bir iş akışının neresine oturduğunu anlatıyor: kartları geliştirmeye devam etmek, sonra web sitesi ana sayfaları inşa etmeye geçmek, sonucu sağ üst köşeden VS Code'a devretmek, ve nihayetinde müşterilerin gerçek bir CMS'nin faydalarını korumaya devam etmesi için düzenlenebilir WordPress şablonları üretmek. Bu, tam zamanlı bir tasarımcısı olmayan teknik bir ekip için açık, agent takılabilir bir tasarım aracının erişilebilir kıldığı pratik yörünge — pazarlama asset'lerinden yayınlanabilir sitelere kadar.
SSS
Open Design gerçekten ücretsiz mi? Yazılım Apache-2.0 lisansı altında açık kaynaklıdır ve yerelde ücretsiz çalıştırılır. Open Design'a hiçbir şey ödemezsin. Sadece bağladığın coding agent'ın kullanımı için ödersin — ve zaten sahip olduğun bir aboneliği (Claude Code'un planı gibi) bağlarsan, üstüne ek bir tasarım aracı faturası çıkmaz.
Claude Design'dan farkı ne? Aynı tanıdık his, ama açık kaynaklı, yerel öncelikli ve agent takılabilir. Sabit, düşük bir kredi havuzuna sahip tek bir barındırılan model yerine, kendi agent'ını getirirsin ve kullanımın mevcut planını takip eder. Dan'ın oturumunun gösterdiği gibi, bu, Claude Design'ı yoğun yinelemede sürdürmeyi zorlaştıran kullanım limiti duvarını kaldırır.
API key kullanmak zorunda mıyım? Hayır — Dan'ın en çok vurguladığı nokta bu. Open Design, makinendeki agent CLI'larını tespit eder ve çağrı başına ödenen API kredileri yerine bir abonelik kullanmana izin verir; bunun yinelemeli işte parayı hızla tükettiğini fark etmiş.
Hangi agent'ı bağlamalıyım? Görevin için en iyi sonuçları vereni — çıktı kalitesi modeli takip eder. Videoda, aynı kart tasarımı işi bir agent'la dağınık bir hale, Claude Code'a geçtikten sonra temiz bir ilk taslağa dönüştü, o yüzden sonuç önemliyken yetenekli bir agent'a yönel.
Tasarımcı olmayanlar gerçekten iyi sonuçlar alabilir mi? Evet, doğru girdilerle. Dan tasarımcı değil geliştirici, ve kullanılabilir marka kılavuzları ve sınıf kartları elde etti — ama kendi çıkardığı ders, zayıf prompt'ların "AI slop" verdiği. Ona gerçek bir marka özelliği, referans görseller ve net kısıtlamalar ver, sonra yinele.
Bu yazılı rehber, Dan Davies'in Open Design'ın canlı testine dayanmaktadır. Yukarıdaki tam oturumu izleyin ve WordPress ile AI araçları hakkında daha fazla uygulamalı yayın için Dan Davies'e abone olun.