Figma ile Arayüz Tasarımı

Figma açıp bir kutu çizmek kolaydır; o ekranı ertesi hafta değiştirmek zorunda kaldığınızda işin asıl kısmı başlar. Bir arayüzü çizmek birkaç saat sürer, aynı arayüzü aylarca güncel tutmak ise tamamen dosyanın nasıl kurulduğuna bağlıdır. Bu kurs Figma'yı bir çizim programı gibi değil, üzerinde birlikte çalışılan yaşayan bir arayüz dosyası gibi kullanmayı öğretir. Frame, auto layout, constraints, bileşen, stil ve değişken gibi kavramları tek tek tanıtır; sonra bunları gerçek bir uygulama akışında birleştirir. Böylece tasarımınız bir resim olmaktan çıkıp değişikliğe dayanıklı bir yapıya dönüşür.

Kurs altı bölümde ilerler. Önce dosya düzenini ve frame mantığını kurar, ardından auto layout ile içeriğe göre esneyen düzenler oluşturursunuz. Stil ve değişkenler bölümünde renkle tipografiyi tek yerden yönetmeyi, mod kullanarak açık ve koyu temayı aynı tasarımdan üretmeyi görürsünüz. Bileşen bölümünde varyantlarla durum yönetimini ve bileşen özelliklerini kurar, kütüphaneyi yayımlayıp güncellemeyi ekibe taşırsınız. Prototip bölümünde akışları bağlayıp geçişleri ayarlar, son bölümde tasarımı geliştiriciye anlaşılır biçimde devredersiniz.

Her bölümde tek bir örnek ürün üzerinde çalışılır; bu yüzden öğrendiğiniz her özellik hemen aynı dosyaya eklenir ve önceki kararlarınızın sonucunu kendiniz görürsünüz. Kavramlar hem Türkçe hem de panelde göreceğiniz İngilizce adlarıyla anılır. Kursun sonunda çok ekranlı bir arayüzü sıfırdan kurabilir, bileşen kütüphanenizi yayımlayıp güncelleyebilir, tıklanabilir bir prototiple fikrinizi ekibe gösterebilir ve ölçüleriyle birlikte anlaşılır bir teslim dosyası hazırlayabilirsiniz. Kullanılan tüm özellikler Figma'nın kendi araçlarıdır; ek eklenti kurmanız gerekmez. Kursu tamamladıktan sonra aynı dosyayı kendi projenizin başlangıç şablonu olarak kullanabilir, yeni ekranları kurduğunuz düzenin üzerine ekleyerek ilerleyebilirsiniz.