Claude Design'ın işi bitti… EN İYİ ücretsiz Claude Design alternatifi (Sınırsız ve Açık Kaynak)

Bu kılavuz, üretimi süren ajan olarak Gemini CLI ile Open Design'ı nasıl çalıştıracağınızı gösterir — böylece prototipler, açılış sayfaları ve UI tek bir çalışma alanından çıkarken Gemini'nin cömert ücretsiz katmanına yaslanır. Sandeep Singh'in uygulamalı anlatımında izlediği yolu izler; yeniden yazılmış ve mevcut sürüme uyacak şekilde güncellenmiştir. Canlı sürüm için yukarıdaki videoyu izleyin ya da okumaya devam edin.

Asıl mesele maliyet hikayesi. Open Design'ın kendisi ücretsiz ve açık kaynaklı; “ödediğiniz” tek şey, yanınızda getirdiğiniz ajan ve modeldir. Gemini CLI'yi getirin, Google hesabınızla kimlik doğrulayın ve bu fatura fiilen sıfıra iner.

Open Design çalışma alanı — açık kaynaklı, yerel öncelikli ve bağladığınız hangi kodlama ajanıysa onunla sürülür.

Open Design nedir?

Open Design, sizi tek bir model sağlayıcısına kilitlemek yerine zaten kullandığınız kodlama ajanının üzerinde çalışan, açık kaynaklı, yerel öncelikli bir tasarım platformudur. “Kendi ajanını getir” yaklaşımına sahiptir: Claude Code, Codex, Cursor, Gemini, GitHub Copilot, OpenCode ve 21'den fazla diğeri üretimi ayrı ayrı sürebilir. Ajanı siz seçersiniz; Open Design tasarım yüzeyini halleder.

Onu göz atmaya değer kılan birkaç şey:

• Açık kaynak, Apache-2.0 — klonlayın, kendiniz barındırın, her satırını okuyun.
• Yerelde çalışır — projeleriniz başkasının bulutunda değil, kendi makinenizdeki klasörlerde yaşar.
• Ajan takılıp çıkarılabilir — Gemini CLI dahil 21'den fazla kodlama ajanı desteklenir; üretimi hangisinin süreceğini siz seçersiniz.
• Prototiplerden fazlası — prototipler, canlı çıktılar, slayt desteleri, dergi düzenleri, görsel üretimi ve hatta video, hepsi tek bir çalışma alanından.
• Yerleşik başlangıç noktaları — markalı tasarım sistemleri ve şablonlar kutudan çıkar, böylece asla boş bir tuvale bakıp kalmazsınız.

Kendi değeriyle ayakta durur: yerel, modelden bağımsız bir tasarım çalışma alanı. Gemini CLI gibi ücretsiz bir ajanla temiz biçimde eşleşmesi ise onu gerçekten ücretsiz kullanılabilir kılan ek avantajdır.

Başlamadan önce

Open Design'ı kurmanın üç yolu var. Size uyanı seçin:

Yol	Şunlar için en iyisi	Gereksinimler
Masaüstü uygulaması	Çoğu kişi — sıfır yapılandırma	Yok. Sadece indirin ve açın.
Kaynaktan çalıştırma	Kodu okumak veya değiştirmek isteyen geliştiriciler	Node ~24, pnpm 10.33.x
Ajanınıza kurma	Terminalde yaşayanlar	Mevcut bir kodlama ajanı CLI'si

Bugün önerilen yol masaüstü uygulamasıdır — Node yok, pnpm yok, klonlama yok. Sandeep, platformuna uygun yükleyiciyi (macOS'te bir .dmg, Windows'ta bir setup.exe) doğrudan en son sürümden indirir.

Adım 1 — Open Design'ı kurun

Seçenek A — Masaüstü uygulaması (önerilen, sıfır yapılandırma)

open-design.ai adresine gidin ve Download desktop öğesine tıklayın. macOS (Apple Silicon ve Intel), Windows (x64) ve Linux (AppImage) için derlemeler mevcuttur. Kurulumdan sonra uygulama, PATH üzerinde halihazırda bulunan her kodlama ajanı CLI'sini otomatik algılar ve yerleşik skill'leri ile tasarım sistemlerini sizin için yükler. İlk açılışta, yerel bir CLI seçtiğiniz ya da kendi API key'inizi yapıştırdığınız bağlantı ekranına gelirsiniz.

Seçenek B — Kaynaktan çalıştırma

Bunu depodan çalıştırmayı tercih ederseniz, yalnızca birkaç komuta ihtiyacınız var:

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

Ardından yazdırdığı yerel URL'yi açın — port dinamik olarak atanır, bu yüzden sabit bir adres yerine terminalinizde görünen adresi kullanın. Node ~24 ve pnpm 10.33.x gerekir; Corepack sabitlenmiş pnpm sürümünü sizin için seçecektir.

Seçenek C — Kodlama ajanınıza kurma

Open Design'ı hiç GUI'yi açmadan kullanmak için — onu ajanınızın içinde bir skill veya MCP sunucusu olarak çağırmak için — şunu çalıştırın:

od mcp install <agent>
# <agent> = gemini | claude | codex | cursor | copilot | opencode | …

Ardından, ajanın içinde, sadece şunu isteyin: Use open-design to generate a landing page with a modern minimal design system.

Gemini CLI'yi ajanınız olarak bağlayın

İş akışını ücretsiz kılan adım budur. Open Design kendi modelini içermez — onu yönelttiğiniz hangi CLI ise onu sürer — bu yüzden Gemini CLI'yi getirir ve işi onun ücretsiz katmanına yaptırırsınız.

Neden Gemini CLI? Sandeep'in deyişiyle iki neden: Gemini modelleri diğerlerine karşı kendini gösterir ve ücretsiz katman cömerttir. Bir Google hesabıyla oturum açın; ücretsiz olarak büyük bir günlük istek tahsisatı elde edersiniz. Gemini API key'inin ücretsiz tahsisatı daha küçüktür. Sürdürülebilir tasarım çalışması için Google hesabıyla oturum açma kullanılması gerekenidir.

1. Gemini CLI'yi kurun. Gemini CLI ana sayfasındaki kurulum komutunu izleyin (macOS ve Linux'ta Homebrew, başka yerlerde belgelenen yükleyici). Herhangi bir terminal işe yarar.
2. gemini komutunu çalıştırın ve kimlik doğrulayın. Başlatın, istendiğinde çalışma klasörüne güvenin, ardından Sign in with Google seçeneğini seçin. Tarayıcınız iki tıklamalık bir Google girişi için açılır ve başarıyı bildirir. Gemini CLI'yi yeniden başlatın; etkin modeli ve 0% kullanılmış kotayı görmelisiniz.
3. Open Design'ı buna yönlendirin. Open Design'ı yeniden başlatın ve Settings'i açın. Gemini CLI artık kullanılabilir bir ajan olarak görünür — onu seçin, Test the connection, ve bir OK almalısınız. Kaydedin, ve tasarım yapmaya hazırsınız.

Yerel bir CLI kullanmak yerine burada kendi API key'inizi de yapıştırabilir ve ileride medya üretimi istiyorsanız görsel, video ve ses modelleri için ayrı key'ler ekleyebilirsiniz. Yine de ücretsiz, sınırsız hissettiren tasarım çalışması için tek ihtiyacınız Gemini CLI ile oturum açmaktır. Settings'teki her şey sonradan değiştirilebilir, bu yüzden ilk geçişi basit tutun.

Çalışma alanını keşfedin

Open Design çalışmanızı proje kapsamlı tutar: her proje kendi klasöründe yaşar ve klasör değiştirmek projeyi değiştirir. Bir projenin içinde prototipler, canlı çıktılar, slayt desteleri, görseller ve hatta video ile ses oluşturabilirsiniz — sadece UI değil.

Tasarım sistemleri kütüphanesi — önizleyip herhangi bir projeye geçirebileceğiniz markalı başlangıç noktaları.

Yerleşik tasarım sistemleri kütüphanesi, önizleyip yeniden kullanabileceğiniz markalı başlangıç noktaları sunar; böylece başlayabilmeniz için önce token tanımlamak zorunda kalıp takılmazsınız. Ayrıca kendi tasarım sisteminizi getirebilir, mevcut bir Claude Design projesini içe aktarabilir ya da hiçten başlayıp Open Design'ın makul varsayılanları çıkarmasına izin verebilirsiniz.

Şablonlar: prototip, slayt, görsel ve video başlangıç noktaları — türe göre filtreleyin ve başlamak için fork yapın.

Şablon kütüphanesi marka sistemlerinin ötesine geçerek prototiplere, slaytlara ve hem görsel hem video üretimine uzanır. Türe göre filtreleyin ve herhangi birini başlangıç noktanız olarak fork yapın. Herhangi bir şey kurmadan önce eklenti kütüphanesinin tamamına web üzerinden open-design.ai/plugins adresinden göz atabilirsiniz.

Bir şey inşa edin

Gemini CLI bağlıyken, inşa akışı Sandeep'in videoda çalıştırdığının aynısıdır:

1. Bir proje oluşturun. Adlandırın, istediğiniz görünüme uygun bir tasarım sistemi seçin ve bir tel çerçeve yerine gerçeğini görmek için High fidelity seçin.
2. Brief'i yazın. Önerilen istemlerden biri yerine ne istediğinizi anlatın — Sandeep bir açılış sayfası ister. Beğendiğiniz bir düzenin ekran görüntüsünü de ekleyip Open Design'dan o temayı izlemesini isteyebilirsiniz.
3. Netleştirme sorularını yanıtlayın. Ajan akıllı takip soruları sorar: tek açılış sayfası mı yoksa açılış artı fiyatlandırma mı, duyarlı yüzey, kimin için, görsel bir ton (Sandeep modern, minimal, Linear/Vercel havasını seçer) ve varsa marka renkleri veya yazı tipleri. Alanları boş bırakabilir ya da sizin için bir yön seçmesine izin verebilirsiniz.
4. Bir görsel yön seçin ve üretin. Önerilen yönlerden birini seçin, gönderin ve birkaç saniye sonra istediğiniz bölümlerle stillendirilmiş açılış sayfası belirir.
5. İstemlerle yineleyin. Bir logoyu değiştirmek, eksik bir simge eklemek ya da SSS'yi genişletmek mi istiyorsunuz? Yalnızca değişikliği anlatın ve gönderin. Bir düzenleme bir şeyi yerinden ederse, bir takip istemi onu yerine geri iteler.

Memnun kaldığınızda tasarım dosyalarını açın, kaynak kodu inceleyin, isterseniz katmanları elle düzenleyin, ardından dışa aktarın — PDF, PPTX, sıkıştırılmış bir paket ya da Vercel'e bir dağıtım.

Ücretsiz kısım gerçek: Sandeep birkaç yinelemeyle iki prototip inşa ediyor ve sonrasında Gemini kullanımını kontrol ettiğinde günlük tahsisatının yalnızca yaklaşık %2'sini harcamış oluyor. Her gün yenilenen büyük bir günlük tahsisat sayesinde, bir sayacı izlemeden neredeyse kesintisiz tasarım yapabilirsiniz.

İpuçları

• Gemini CLI'ye bir API key yerine Google hesabınızla oturum açın — günlük ücretsiz tahsisat çok daha büyüktür ve bu iş akışını fiilen ücretsiz kılan da budur.
• Gerçek tasarımı değerlendirmek istediğinizde yüksek doğrulukla başlayın; yapıyı hızlıca taslak halinde çıkarmak için yalnızca tel çerçeveye inin.
• Kullanımınızı Gemini CLI'de stats ile kontrol edin; tasarım çalışmasının günlük tahsisatınıza kıyasla gerçekte ne kadar az maliyetli olduğunu görün.
• Tasarımlarınız proje klasörüyle birlikte kalır — Open Design'ı doğru dizine karşı çalıştırarak işinizi düzenleyin.
• Başlamak için bir tasarım sistemine ihtiyacınız yok. Yerleşik bir tanesinden başlayın, bir Claude Design projesini içe aktarın ya da Open Design'ın varsayılanları çıkarmasına izin verin.

SSS

Gerçekten ücretsiz mi? Fiilen, evet. Open Design, Apache-2.0 altında açık kaynaklıdır, dolayısıyla yazılımın bir maliyeti yoktur. Tek maliyet, yanınızda getirdiğiniz ajan ve modeldir — ve bir Google hesabı üzerinden kimlik doğrulanmış Gemini CLI ile büyük bir günlük ücretsiz tahsisattan yararlanırsınız. Videoda, yinelemelerle birlikte iki prototip o günün kotasının kabaca %2'sini kullandı ve bu kota her gün yenilenir.

Hangi kodlama ajanlarını destekler? Gemini, Claude Code, Codex, Cursor, GitHub Copilot ve OpenCode dahil 21'den fazla ajan. Open Design makinenizde halihazırda kurulu CLI'leri algılar ve birini varsayılan olarak seçmenize izin verir.

Gemini CLI kullanmak zorunda mıyım? Hayır. Gemini CLI, ücretsiz ve yüksek kotalı bir kuruluma giden yoldur, ama desteklenen herhangi bir ajanı bağlayabilir ya da bir ajan için veya görsel, video ve ses modelleri için kendi API key'inizi yapıştırabilirsiniz.

Başlayabilmek için bir tasarım sistemine ihtiyacım var mı? Hayır. Open Design başlangıç noktası olarak markalı tasarım sistemleri ve şablonlar ile gelir; mevcut bir tasarım sistemini içe aktarabilir ya da makul varsayılanları çıkarmasına izin verebilirsiniz.

---

Bu yazılı kılavuz, Sandeep Singh'in uygulamalı anlatımına dayanmaktadır. Yukarıdaki tam videoyu izleyin ve daha fazla pratik yapay zeka aracı eğitimi için Sandeep Singh'e abone olun.