Tasarım teknolojileri her geçen gün büyük bir hızla gelişiyor. Bu değişimin en güçlü aktörlerinden biri ise kesinlikle Figma platformudur. Çünkü platformun içinde sayısız araç ve eklenti yer alıyor. Biz de tasarımcı arkadaşlara yardımcı olması için Figma araçlarını ve kullanım şekillerini araştırdık. Bu yüzden Figma uygulamasının en kullanışlı 10 özelliği neler, sizler için işinize yarayacak yönleriyle listeledik. Projelerinizde ve tasarımlarınızda deneyerek, rakiplerinize büyük fark atabilirsiniz. Şimdi bu araçların detaylarına hep birlikte bakalım. Keyifli okumalar!
1. Otomatik Düzen
Tasarımları yaparken esnekliğe, uyarlanabilirliğe ve hıza büyük önem veririz. Figma’da butonların, karmaşık menülerin veya bilgi kartlarının içindeki metin yoğunluğuna göre otomatik büyüyüp küçülmesini isteyebilirsiniz. İşte tam bu noktada, tasarımın vazgeçilmezi otomatik düzen (auto layout) aracı devreye giriyor. Bu sistem sayesinde elle hizalama yapmak ve boşluk ayarlamaktan kurtulursunuz. Tasarıma yeni bir metin, görsel veya ikon eklediğinizde çerçeveniz belirlediğiniz dolgu (padding) kurallarına sadık kalarak anında genişler. Böylece uzun sürecek revizyon işlerini tek tıkla halledebilirsiniz. Mobil cihazlardan masaüstü monitörlere kadar farklı ekran boyutlarına adapte olan, responsive ve kusursuz arayüzler tasarlayabilirsiniz. Hedeflenen profesyonel görünümü ise daha az efor harcayarak elde edersiniz.
2. Bileşenler
Tasarım süreçlerinde aynı öğeyi farklı ekranlarda ve farklı bağlamlarda defalarca kullanmanız gerekebilir. Bu durumda Figma uygulamasının işinize yarayacak 10 kullanışlı araçları arasında bu özelliği, ihtiyacınızı fazlasıyla karşılayacaktır. Bu araca küresel olarak bileşenler (components) adını veriyoruz. İlk önce bir ana nesne oluşturarak diğer tüm kopyaları doğrudan o nesneye bağlarsınız. Böylece tasarımınız arasında güçlü ve kalıcı bir bağlantı kurulmuş olur. Tek bir rengi değiştirerek tüm karmaşık ekranları anında ve hatasız bir şekilde güncelleyebilirsiniz. Farklı durumlar için yeni varyasyonlar oluşturmak da bu sayede çok basit hale gelmiş oluyor. Sizler de bu pratik sistem sayesinde projelerinizde çok daha düzenli çalışabilir, müşteri revizyonlarında hiç panik yaşamadan zamandan tasarruf edebilirsiniz.
3. Değişkenler
Sistemli çalışmanın en temel kuralı, projelerinizdeki tüm verileri tutarlı ve doğru bir şekilde yönetmektir. Projelerinizde renkleri, boşlukları veya yazı boyutlarını her seferinde ayarlamaktan yorulursunuz. İşte tam bu noktada, sistemin yenilikçi değişkenler (variables) özelliği hemen imdadınıza yetişecektir. Bu güçlü sistemi, tıpkı kod yazar gibi mantıksal değerlerle önceden kurgulayabilirsiniz. Özellikle karanlık ve aydınlık tema arasındaki geçişleri bu sayede hızlandırabilirsiniz. Böylece temanızdaki tüm tasarımı sadece tek bir tıkla anında ve sorunsuz bir şekilde değiştirebilirsiniz. Sayısal değerleri tek bir merkeze bağlamak, projede oluşabilecek genel hata payını neredeyse sıfıra indirir. Bu sayede tasarım altyapınızı çok daha güçlü, esnek ve sürdürülebilir bir temel üzerine inşa edersiniz.
4. Etkileşimli Bileşenler
Prototip hazırlarken her küçük hareket için baştan yeni bir ekran çizmek gerçekten yorucu ve zaman alıcı bir süreç oluyor. Tasarımcılar olarak bu gereksiz zahmetten kurtulmak için her zaman daha akıllı ve pratik yollar arıyoruz. Etkileşimli bileşenler (interactive components) özelliği tam da bu ihtiyaca yanıt veriyor. Bir butonun tıklanma animasyonunu, basılı veya hover durumunu sadece kendi içinde özel olarak kurgulayabilirsiniz. O butonu projenizde hangi ekrana koyarsanız koyun, hiçbir sorun yaşamadan problemsiz bir şekilde çalıştırabilirsiniz. Figma sayesinde karmaşık müşteri prototiplerini daha sade, anlaşılır ve net tutarsınız. Özellikle sunumlarınızda müşterilerinizi bu küçük ama etkileyici etkileşimlerle kolayca büyüleyebilirsiniz. Gereksiz ekran karmaşasından tamamen kurtularak dijital projelerinize rahat bir nefes aldırırsınız.
5. Akıllı Animasyon
Statik tasarımları hareketlendirerek canlandırmak, projelerinize her zaman büyük bir ruh ve derinlik katar. Karmaşık başka üçüncü parti araçlar kullanmadan doğrudan ve hızlı bir şekilde animasyon yapabilirsiniz. Bu etkileyici özelliğin sistemdeki teknik adı akıllı animasyon (smart animate) olarak geçiyor. İki farklı ekran arasındaki zorlu ve karmaşık değişimi bu araçla daha akıcı hale getirebilirsiniz. Sistem aynı isme sahip katmanları kolayca tanır ve aradaki farkı otomatik olarak kendisi doldurur. Özellikle boyut ya da sert renk değişimlerini yumuşak ve doğal bir otomatik geçişle sağlarsınız. Geliştirdiğiniz uygulamanın deneyimini gerçeğe en yakın, profesyonel haliyle anında ve rahatlıkla test edebilirsiniz. Bu etkileyici geçiş sayesinde tasarımınızın genel kalitesini hiç vakit kaybetmeden artırmış olursunuz.
6. Eklentiler
Tasarım yaparken bazen dışarıdan eklenebilecek ekstra desteklere ihtiyaç duyarsınız. Figma’da her detayı sıfırdan çizmek yerine oldukça pratik ve hızlı çözümler üretebilirsiniz. Bunun için önce eklentiler (plugins) sayfasına giriş yapıyoruz. Örneğin html to design ile ihtiyaç duyduğunuz web sayfalarının görüntülerini tek bir tıkla kolayca projelerinize dahil edebilirsiniz. İhtiyacınız olan binlerce vektörel ikona saniyeler içinde, hiç zorlanmadan anında ulaşabilirsiniz. Gerekli durumlarda tasarımdaki metin alanlarını geçici ve gerçekçi yazılarla otomatik olarak doldurabilirsiniz. Böylece düzenli ve sürekli kullanacağınız eklentileri aktif ederek ciddi anlamda zaman kazanabilirsiniz. Kendi kişisel iş akışınıza uygun olan eklentileri etkinleştirip hemen uygulamaya başlayabilirsiniz.
7. Kısıtlamalar
Tasarımların birbirinden farklı ekran boyutlarına sorunsuz bir şekilde uyum sağlaması çok kritik bir konudur. Özellikle cep telefonundan tablete geçerken tasarım düzeninin aniden bozulmasıyla karşılaşabilirsiniz. İşte tam bu noktada kısıtlamalar (constraints) özelliği devreye giriyor. Bir tasarım öğesinin ekranda tam olarak nerede sabit kalacağını önceden net bir şekilde belirleyebiliyoruz. Örneğin logonun, ekran büyüdükçe sol üst köşede güvenle ve düzenli bir şekilde kalmasını ayarlayabilirsiniz. Bu sayede arama form alanlarının ekranla beraber esnemesini bozulma ve kayma olmadan sağlamış olursunuz. Tüm mobil cihazlar için tek bir duyarlı ve tutarlı tasarım üzerinden profesyonelce ilerleyebilirsiniz. Bu koruyucu yöntemle farklı çözünürlüklerdeki tüm kayma hatalarını daha en baştan önlemiş olursunuz.
8. Geliştirici Modu
Tasarım süreci tamamen bittiğinde; asıl kodlama aşamasına geçiş, ekipler arasında oldukça zorlu olabiliyor. Sisteme eklenen geliştirici modu (dev mode) ile yazılımcılar arasındaki iletişim artık çok daha kolay hale geldi. Figma uygulamasının yazılımcılarla bağlantı kurmasını sağlayan, işinize yarayacak 10 faydalı özelliği arasındaki bu aracı kullanabilirsiniz. Tasarımları teknik ekibe teslim ederken bu modu açık hale getirip detayları eksiksiz bir şekilde aktarabilirsiniz. Geliştirme ölçülerini ve renk kodlarını hiçbir hataya yer bırakmadan paylaşabilirsiniz. Tüm görsel dosyaları dışa aktarmak, bu ekranda yazılımcılar için oldukça net ve anlaşılır olacaktır. Kurduğunuz bu sağlam köprü sayesinde kod ve tasarım dünyasındaki uçurumu tamamen kapatırsınız. Projelerinizin birebir aynı kalitede koda dökülmesini sağlamış olursunuz.
9. Multiplayer Modu
İş dünyasında ekiplerin bir arada uyum ve senkronizasyon içinde çalışması artık kaçınılmaz hale geldi. Figma’da aynı anda aktif dosya üzerinde takım arkadaşlarınızla beraber, gerçek zamanlı olarak canlı tasarımlar yapabilirsiniz. Sistemin bize sunduğu multiplayer (çok oyunculu) çevrimiçi özelliği bunu harika bir şekilde başarıyor. Bir başkası canlı çalışırken fare imlecini ekranda rahatça görebilirsiniz. Tasarımın üzerine anında net ve yapıcı yorumlar bırakarak hızlıca etkili bir fikir alışverişi yapabilirsiniz. Bu eşzamanlı çalışma sayesinde büyük projeleri çok daha hızlı ve verimli bitirebilirsiniz. Özellikle uzaktan çalışan farklı şehirlerdeki ekipler, sanki ofiste yan yanaymış gibi çalışabilir. Aynı anda birlikte üretmenin ve hızlı geri bildirim almanın avantajlarını elde etmiş olursunuz.
10. FigJam Entegrasyonu
Tasarım yapmaya başlamadan önce iyi bir beyin fırtınası yapmanız gerekebilir. Fikirleri bir araya getirirken beyaz tahtalara ihtiyaç duyabilirsiniz. Bunun için sistemin kendi aracı olan kullanışlı ve pratik FigJam dijital ekranlarını kullanabilirsiniz. Hedef kullanıcı akışlarını ve geniş zihin haritalarını bu özellik sayesinde tamamen dilediğiniz gibi çizebilirsiniz. Fikirlerinizi renkli yapışkan notlarla harika bir görsel şölene dönüştürebilirsiniz. Bu dijital notları hiçbir veri kaybı yaşamadan doğrudan ve sorunsuz bir şekilde asıl tasarım dosyasına aktarabiliyorsunuz. Yani tek bir tıkla fikir oluşturma aşamasından doğrudan ana tasarım aşamasına rahatça geçebilirsiniz. Böylece bütün profesyonel çalışma sürecini tek bir ekosistem içinde eksiksiz bir biçimde başarıyla tamamlamış olursunuz.