Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı Figma uygulamasında design sistemi oluşturma sürecini adım adım göstermektedir.
- Video, design sisteminin ne olduğunu ve neden oluşturulduğunu açıklayarak başlıyor. Ardından, checkbox ve buton gibi komponentlerin nasıl oluşturulup, varyasyonlarla nasıl yönetileceği gösteriliyor. Konuşmacı, bu komponentlerin nasıl ekip kütüphanesine paylaşılacağını, değişikliklerin nasıl güncelleneceğini ve takım arkadaşlarının bu değişiklikleri nasıl görebileceğini Figma üzerinden pratik örneklerle anlatıyor. Video, design sisteminin ekip içi iletişimi güçlendirmeye ve tasarım tutarlılığını sağlamaya nasıl yardımcı olduğunu vurguluyor.
- 00:01Varyant ve Design Sistem Kavramları
- Varyant, düzenli ve sistematik bir çalışma düzeni kurmak için, büyük projelerde ufak değişiklikler yaparken tüm sayfaları tek tek kontrol etmek yerine sistematik bir komponent ve varyant altyapısı oluşturmak için kullanılır.
- Design sistemi, ekipteki diğer kişilerin de kullanabileceği ve komponent değişikliklerinde tüm takım arkadaşlarının haberdar olup mevcut komponentlerinin güncellenmesini sağlayan bir sistemdir.
- Design sistemi, ekipler arasındaki iletişimi güçlendirmek için kullanılır ve aynı tasarım sisteminden beslenen ekip üyeleri aynı form elemanları, avatar, tipografi ve font stillerini kullanabilir.
- 02:09Design Sistem Oluşturma ve Paylaşımı
- Design sistemi oluşturmak için dosya adı düzenlenir ve "A Design System" gibi bir isim verilir.
- Design sistemi dosyası, kütüphane ikonuna tıklayarak "Publish" edilerek ekiplere özgü bir şekilde paylaşılabilir.
- Publish işlemi sadece Figma'nın profesyonel hesabında takım olarak kullanan kişiler tarafından yapılabilir.
- 03:49Design Sistem Kullanımı ve Güncelleme
- Takım arkadaşları yeni bir dosyada tasarım yapmaya başladığında, kütüphanelerinden "A Design System"i aktifleştirebilir ve sürükle-bırak yöntemiyle kullanabilirler.
- Design sistemindeki komponentlerde yapılan değişiklikler, publish edilen sayfada değişiklik olduğunda takım arkadaşlarına bildirim olarak gönderilir.
- Takım arkadaşları, bildirim gelen komponentleri "Update" sekmesinden güncelleyebilir ve sayfanın her yerindeki komponentleri otomatik olarak güncelleyebilirler.
- 06:29Varyasyon Ekleme ve Tasarım Sistemi Geliştirme
- Design sisteminde yeni komponentler (örneğin buton) oluşturulabilir ve bu komponentlere hover ve disable gibi varyasyonlar eklenebilir.
- Yeni eklenen komponentler, asset kısmından paylaşılabilir ve takım arkadaşları kütüphanelerinden bu komponentleri kullanabilirler.
- Design sistemindeki elemanların property'leri değiştirildiğinde, bu değişiklikler publish edilerek takım arkadaşlarına bildirim olarak gönderilir ve gerektiğinde güncellenebilir.