DesignForge

DesignForge, uygulamalar ve ekranlar için "tasarım kurallarını" DESIGN.md adlı tek bir dosyada birleştiren bir araçtır.

■ Ne zaman kullanılır:

・Renklerin ve boşlukların hissi, yapay zekanın kullanıcı arayüzünü oluşturmasına izin verdiğiniz her seferinde değişiyor.

・Kendiniz de "son seferde hangi rengi kullandım?" diye her zaman emin olamıyorsunuz.

・Ekibinize veya yapay zekaya verebileceğiniz ortak kurallar yalnızca kafanızda mevcut.

Bu tutarsızlığın nedeni, anlam farklılığı değil, "doğru cevabın tanımını" sağlayamamaktır. DesignForge bu tanımı bir dosyaya yerleştirir.

■ Nasıl kullanılır:

1. Bir şablon seçin (türe özgü ön ayar).

2. Ana rengi, parlaklığı, yazı tipini, boyut oranını, boşluğu, köşe yuvarlamasını vb. ayarlayın.

3. Ekran önizlemesiyle gerçek görünümü kontrol edin.

4. DESIGN.md dosyasını kopyalayın/paylaşın/kaydedin ve projenize yerleştirin.

Sadece yaklaşık 8 öğeye karar vermeniz gerekiyor. Buradan itibaren, otomatik olarak 14 renk, 7 yazı tipi seviyesi, köşe yuvarlama, boşluk ve bileşen stilleri türetiliyor. Her şeyi manuel olarak seçmeniz gerekmediği için, projeyi yarıda bırakmadan tamamlayabilirsiniz.

■ Özellikler

・Canlı Önizleme

Başlıklar, gövde metni, ana düğmeler, ikincil düğmeler, ipuçları, kartlar ve giriş alanları mevcut ayarlarla görüntülenir. Değerlerdeki değişiklikler anında yansıtılır.

・"Deneme Odası" Olarak 12 Araç

Yapılacaklar listesi, renkli yapışkan notlar, mola zamanlayıcısı, kronometre, sayaç, rulet, gün sayacı, alışkanlık takipçisi ve ön sürüm kontrolü gibi pratik araçlar içerir. Tüm bunlar, şu anda oluşturmakta olduğunuz DESIGN.md dosyasındaki belirteçler kullanılarak görüntülenir. Renk şemalarını yalnızca örnek ekranda değil, "alışılagelmiş ekranınızda" da kontrol edebilirsiniz.

・Kontrast Algılama

Terminal, WCAG AA standardını algılar. Dışa aktarmadan önce okunması zor kombinasyonları bulabilirsiniz.

・DESIGN.md Formatına Uygun

Çıktı formatı özel olarak oluşturulmamıştır; kamuya açık DESIGN.md spesifikasyonlarına uygundur.

* Kaydet ve Geri Yükle

Oluşturduğunuz tasarımları bir adla kaydedebilir ve daha sonra yükleyebilirsiniz.

* Çıktı

Renk, yazı tipi, düzen, köşe yuvarlama ve bileşenler için belirteç tanımlarını (YAML) içeren tek bir Markdown dosyası ve "ne yapılmalı/ne yapılmamalı"yı özetleyen bir metin bölümü. Bu, doğrudan depoya yerleştirilebilir ve yapay zeka ajanları ve ekip üyeleri tarafından okunabilir.

* Kullanım Notları

* Girilen tüm veriler cihazınıza kaydedilir. Hesap kaydı gerekmez.

* Ücretsiz kullanım. Hizmeti desteklemek için reklamlar gösterilir.