Kaynaklar / Tasarım Sistemleri

Tasarım Sistemleri,
AI Ajanınız İçin Hazır.

Paletleri, tipografiyi, bileşenleri, düzenleri ve eksiksiz tasarım kılavuzlarını keşfedin. Görsel yönleri karşılaştırın, kuralları inceleyin ve bir sonraki projeniz için doğru kaynağı kullanın.

152 Mevcut kılavuzlar126 Yeni kılavuzlarDESIGN.md + Belirteç Referansları

Tasarım sistemlerini ve görsel stilleri keşfedin

278 katalog girdisi

Referanstan arayüze

Tasarım Sistemiyle Bir Ekran Oluşturun

01

Tüm Sistemi Karşılaştırın

Vurgu renginin ötesine bakın. Tipografiyi, boşlukları, bileşenleri ve yerleşimi oluşturduğunuz arayüz türüyle karşılaştırın.

02

Kılavuzu Okuyun ve Paylaşın

Ajanınıza tasarım kurallarını ve somut bir görev verin. Kaynak dosyayı ve projenizin mevcut kısıtlamalarını bir arada tutun.

03

Genişletmeden Önce Gözden Geçirin

Tasarım yaklaşımını projenizin geneline uygulamadan önce gerçek içeriği, bileşen durumlarını, klavye kullanımını ve dar ekranları kontrol edin.

Kendi görsel diliniz

OpenDesign ile Tasarım Sistemi Çıkarın

Beğendiğiniz bir web sitesiyle veya oluşturduğunuz bir tasarımla başlayın. Görsel kararları inceleyebileceğiniz, geliştirebileceğiniz ve yeniden kullanabileceğiniz bir sisteme dönüştürün.

Bir web sitesi ve tasarım tuvali; renk, tipografi, aralık ve bileşen kurallarına dönüşüyor.

Bir Web Sitesinden

Design Systems bölümüne bir web sitesi bağlantısı ekleyin. OpenDesign, erişilebilen sayfa stillerini ve varlıklarını okuyarak paleti, tipografiyi ve yeniden kullanılabilir kuralları düzenler. Sonucu inceleyip Agent ile geliştirebilirsiniz.

Oluşturduğunuz Tasarımdan

Projenizin Diğer menüsünden Tasarım Sistemi Oluştur seçeneğini seçin. OpenDesign mevcut dosyalardan yeni bir tasarım sistemi projesi oluşturur; Agent ise görsel kuralları, bileşenleri ve desenleri çıkarır.

Sonraki Tasarımlar İçin Bir Temel

Tasarım kurallarını, stil token’larını ve UI önizlemelerini inceleyin. Oluşturulan paketi sonraki tasarımınızda kullanmadan önce geliştirin.

  • DESIGN.md
  • CSS / Tokens
  • UI Kit

İş Akışınızı Bağlayın

Tasarım Sisteminizi Daha İleri Taşıyın

OpenDesign ile oluşturun

Tasarım Sisteminizi Hayata Geçirin.

Bir kılavuz seçin, yapay zekâ ajanınıza net bir brief verin ve OpenDesign ile bir sonraki arayüzünüzü oluşturun.