Web siteleri
Kariyer Web Sitesi Tasarımı
Kimi Careers OpenDesign tarafından
Kaydırmayla senkronize geçişler ve çizimlerle anlatılan dört aşamalı başvuru süreciyle, sekiz ay sahnesi üzerinden anlatılan bir kariyer sayfası.
Hackathon örneği
Tasarım vaka incelemeleri kütüphanesi
OpenDesign Vitrini:
Yapay Zekâ Tasarım Örnekleri
- Web siteleri
- Uygulamalar
- Kontrol panelleri
- Sunumlar
- Grafikler
OpenDesign ile oluşturulup gerçek kod, sunum veya uygulama prototipi olarak hayata geçirilen 18 yapay zekâ tasarım örneği. Her birinde brief, model ve düzen kararları açıklanıyor; sonunda yeniden kullanabileceğiniz bir istem yer alıyor.
18 vaka incelemesi · iki seri · 10 model
Vaka İncelemeleri
Bir Sonraki Fikriniz İçin İlham Alın
Projeleri çıktı türüne, amacına, serisine veya projeyi oluşturan modele göre filtreleyin.
Hackathon örneği
Web siteleri
Bianjing Gece Turu Web Sitesi Tasarımı
Bianjing After Dark OpenDesign tarafından
Hayalî Song dönemi Bianjing’inde geçen; kalıcı bir nehir kenti, şiir, fenerler ve çok dilli bölüm akışını bir araya getiren interaktif bir gece yolculuğu.
LLM Arena · GPT 6 Sol
Web siteleri
Kaifeng Gece Turu Web Sitesi Tasarımı
Bianjing After Dark OpenDesign tarafından
Bianjing After Dark’ın beş bölümünde fenerlerle aydınlanan bir nehri takip edin; şehir kapısından ve gece pazarından şiire ve fener bırakma etkinliğine uzanın.
LLM Arena · Claude Opus 5.5
Kontrol panelleri
Seyahat Planlama Panosu Tasarımı
Halcyon Cove OpenDesign tarafından
Halcyon Cove’da altı duraklı bir gün planlayın: kayıtlı yerleri, harita konumlarını ve yürüyüş sürelerini tek bir panoda bir araya getirin.
LLM Arena · Claude Opus 5
Uygulamalar
Deniz Canlıları Koleksiyonu Uygulaması Tasarımı
Abyssal Log OpenDesign tarafından
Dalış görevleriyle bağlantılı bir deniz canlıları koleksiyonu. Her bilinmeyen kayıt, onu ortaya çıkarmak için gereken görevi ve ilerlemeyi açıklar.
LLM Arena · Claude Opus 5
Kontrol panelleri
Kişisel Pano Tasarımı
Life System OpenDesign tarafından
Haftalık puan, vücut haritası ölçümleri, günlük ritimler ve beş deney; dört açıklamalı detay görünümüyle anlatılan tek bir masaüstü kontrol panelinde.
Hackathon örneği
Web siteleri
Restoran Rezervasyon Web Sitesi Tasarımı
Ember & Pepper OpenDesign tarafından
Rezervasyon yapmaya hazır konuklar için özel yemekler ve ziyaret bilgileri, rezervasyon penceresiyle bir arada.
LLM Arena · GPT 5.6 Sol
Uygulamalar
Ada Macera Oyunu Tasarımı
Harbor Skirmish OpenDesign tarafından
Çatı rotaları, üç silah yuvası ve eğlenceli bir birinci şahıs arayüzü sunan küçük bir sahil adası.
LLM Arena · GPT 6 Astra
Sunumlar
Ürün Sunumu Tasarımı
Agent-Native Workspace OpenDesign tarafından
Üç slaytlık bir ürün hikâyesi: açılış tezi, mobil yardımcı konsepti ve kurumsal kontrol odası.
Hackathon örneği
Uygulamalar
Günübirlik Gezi Planlayıcısı Tasarımı
Solara Bay OpenDesign tarafından
Kurgusal Solara Bay'de resimli harita, yürüyüş süreleri ve kullanışlı rota uyarılarıyla altı zamanlı durak.
LLM Arena · GPT 5.6 Sol
Uygulamalar
Keşif Koleksiyonu Uygulaması Tasarımı
Abyssal Atlas OpenDesign tarafından
Dalış kuyruğuna bağlı numune koleksiyonu: kilitli kayıtlar, iki filtre satırı ve ilerleme sayıları sırada neyi keşfedeceğinizi gösterir.
LLM Arena · Grok 4.6
Web siteleri
Güveç Restoranı Sitesi Tasarımı
Yàn Huǒ OpenDesign tarafından
Güveç deneyimi, fiyatlı özel menü, yemek alanı galerisi ve rezervasyon öncesi ziyaret bilgileriyle tanıtılıyor.
LLM Arena · Qwen 3.8 Max
Web siteleri
Orman Restorasyonu Web Sitesi Tasarımı
Second Spring OpenDesign tarafından
Etkileşimli bir devrilmiş dal, ormandan hikâyelere, restorasyon planına ve katkıda bulunmanın simüle edilmiş yollarına götürüyor.
LLM Arena · DeepSeek V4.1 Flash
Web siteleri
Etkileşimli Doğa Koruma Web Sitesi Tasarımı
Second Spring OpenDesign tarafından
Devrilmiş bir kütüğün üzerinde yosun yetiştirin, ardından orman tabanındaki hikâyeleri ve yardımcı olmanın simüle edilmiş yollarını keşfedin.
LLM Arena · Claude Fable 5.1
Grafikler
Etkileşimli Ürün Tanıtım Tasarımı
iPhone Inside OpenDesign tarafından
Kamera ön ayarları, kaydırıcı ve sekiz montaj grubundan oluşan bir panelle ayrıştırılmış konsept telefon katmanları.
LLM Arena · GPT Astra
Uygulamalar
Ada FPS Oyunu Tasarımı
Harbor Skirmish OpenDesign tarafından
Çarpıcı bir ada başlık ekranı; kutulu durum panelleri ve numaralı silah kontrolleriyle birinci şahıs oynanışa geçiş sağlıyor.
LLM Arena · DeepSeek V4.1 Flash
Grafikler
Özgeçmiş Web Sitesi Tasarımı
Tom Goodman OpenDesign tarafından
Deneyimi yetkinlik grafikleri ve seçili çalışmalarla bir araya getiren kurgusal bir özgeçmiş; iki sütunlu okuma düzeni ve ayrı bir yazdırma görünümü sunuyor.
Hackathon örneği
Grafikler
Yaratıcı Portföy Web Sitesi Tasarımı
Maya Rowan OpenDesign tarafından
Afiş tarzı proje kartlarını, üç aşamalı çalışma sürecini, çalışma notlarını ve iletişim bilgilerini bir araya getiren kurgusal bir portföy.
Hackathon örneği
Bu filtrelerle eşleşen proje yok
Tüm projeleri görmek için filtreleri temizleyin veya başka bir çalışma türüne göz atın.
Her projeye klavyeyle ve tarayıcılarla erişilebilmesi için sonsuz kaydırma yerine sayfalandırma kullanılır.
Topluluk
Hackathon'a Yeniden Göz Atın, Modelleri Karşılaştırın
Yeni sona eren bir topluluk hackathon'u ve on modelin aynı brief'leri yanıtladığı bir değerlendirme serisi.
Ürün Tasarımı Hackathon'u
Sona erdi · 18 Eyl 2026- Tarihler
- 9–18 Eyl
- Ödüller
- En iyi 10 + ilk 50
- Örnekler
- 5
Tasarımcılar, OpenDesign ile yaptıkları ürünleri X'te paylaştı; her katılımcı bir gönderi ve bir topluluk bağlantısı paylaştı. Katılımcılar beğeni sayılarına göre sıralandı.
- Kimi Careers
- Life System
- Agent-Native Workspace
- Tom Goodman
- Maya Rowan
LLM Arena Eyl 2026
Seri notları- Modeller
- 10
- Ortak brief'ler
- 6
- Vaka çalışmaları
- 13
Altı brief'in her birini iki model yanıtladı. Her sayfada model ve görev belirtiliyor; böylece yanıtları yan yana karşılaştırabilirsiniz.
- Claude Opus 5
- GPT 5.6 Sol
- DeepSeek V4.1 Flash
- Qwen 3.8 Max
- Grok 4.6
- GPT Astra
- GPT 6 Astra
- Claude Fable 5.1
- GPT 6 Sol
- Claude Opus 5.5
OpenDesign'de Yapay Zekâ Tasarım Örnekleri Nasıl Oluşturulur?
Fikrinize Yakın Bir Vaka Çalışmasıyla Başlayın
Yukarıdaki vaka çalışmalarını çıktı türüne göre filtreleyin ve yapmak istediğinize yakın birini açın. Brief'ini, kullanılan modeli ve açıkladığı düzen kararlarını inceleyin; neleri koruyup neleri değiştireceğinizi not alın.
Görsel İstemeden Önce Brief'i Yazın
Çıktı türünü, ekranları veya bölümleri, örnek içeriği ve önemli olan tek etkileşimi belirtin. Tasarımın bilgi uydurmaması için hangi bilgilerin gerçek, hangilerinin yer tutucu olduğunu söyleyin.
Önerilen İstemKurgusal bir mahalle fırını için web sitesi tasarımı oluştur. Bugünün fırın ürünlerini içeren bir ana bölüm, sabah ve öğleden sonraya göre gruplandırılmış bir menü, çalışma saatleri ve alanları açıkça yer tutucu olarak etiketlenmiş bir ön sipariş formu ekle. Gezinme etiketlerini olduğu gibi kullan, tüm başlıkları gerçek metin olarak oluştur ve okunaklı bir mobil düzen ekle.
Bir Model Seçin veya İkisini Karşılaştırın
Düzen ve metin konusunda güvendiğiniz modeli seçin. İki modelin aynı brief'i nasıl ele aldığını görmek için brief'i şu platformda çalıştırın: LLM Arena önce, bu sayfadaki Arena vaka çalışmalarında olduğu gibi.
Tüm Sayfayı Değiştirmeden Önce Bir Bölümü İyileştirin
Değişiklikleri her seferinde tek bir bölüm için isteyin: hiyerarşi, boşluklar, durumlar ve metinler. Bir efekti sayfanın geneline yaymadan önce mobil düzeni ve azaltılmış hareket durumunu kontrol edin.
Dışa Aktarın ve Paylaşım Bağlantısı Alın
Tamamlanan tasarımı HTML olarak dışa aktarın, ardından bağlantı almak için OpenDesign'de Paylaş'ı kullanın. Tasarımı ayrı bir tarayıcı penceresinde açın ve göndermeden önce doğru sürümün ve öğelerinin yüklendiğini kontrol edin.
Başlayın
Sıradaki Örneği Kendiniz Tasarlayın
Ücretsiz, açık kaynaklı ve kendi anahtarlarınızla kendi bilgisayarınızda çalışır. Bir brief hazırlayın, model seçin ve paylaşabileceğiniz bir web sitesi, uygulama, kontrol paneli veya sunum oluşturun.
macOS ve Windows için masaüstü sürümleri. Apache-2.0 lisansı altında ücretsiz ve açık kaynaklı.
