Figma: Bir Genel Bakış ve İnceleme

Figma, uygulamalar, ekranlar ve vektör illüstrasyonları tasarlamak için kullanılan kod oluşturma, yüksek kaliteli maket ve etkileşimli prototip oluşturma özelliklerine sahip bir UI/UX tasarım aracıdır. Öncelikle herhangi bir işletim sisteminde kullanılabilen tarayıcı tabanlı bir araç olsa da, Mac ve Windows için de masaüstü sürümleri vardır.

Uygulamayı indirseniz bile Figma her zaman çevrimiçi çalışır, bu nedenle tasarımlar üzerinde gerçek zamanlı olarak işbirliği yapmak isteyen düzenli ve dağıtılmış ekipler için bu kadar harikadır. Çeşitli ekip üyeleri bir projede canlı olarak değişiklik yapabilir ve tasarımlarınız her zaman senkronize ve onlara erişen herkes için güncel olacaktır.

Figma Nasıl Çalışır?

Figma, Adobe XD, Gravit, Sketch ve diğer benzer tasarım araçlarına aşina olan işlevselliğe sahiptir. Tarayıcı tabanlı olmasına rağmen, arayüz daha önce gördüğünüz gibi görünecek. Bu araçların çoğu aynı şekilde çalışır ve kullanıma hazır olanlar ve ne için eklentilere ihtiyacınız olduğu gibi belirli özellikler söz konusu olduğunda farklılık gösterirler. Ayrıca, aslına uygun maketler ve prototip oluşturma gibi projeleri farklı şekilde ele alırlar.

Figma'daki her şey katman tabanlıdır ve her çalışma yüzeyi bir katmanla temsil edilir. Bir seferde yalnızca bir dosyaya odaklanmak yerine tüm projenizin kuşbakışı görünümünü elde etmek için çalışma yüzeyinden uzaklaştırın. Sağda bir bilgi paneli, solda araçlar ve katmanlar paneli var.

Bir nesneyi oluşturduktan sonra işlemek için bazen fazladan tıklamalar veya adımlar gerektiğinden bilgi panelini biraz dolambaçlı bulabilirsiniz – bu şekilde, Figma olabileceği kadar sezgisel değildir. İş akışı, özellikle bileşenlerin yeniden kullanılması ve kitaplığınızdan eklenmesi söz konusu olduğunda biraz yapışkan olabilir.

Figma Araçları

Figma, aşağıdakiler dahil, tasarım yazılımından beklediğiniz araçlara sahiptir:

• hizalama
• Kısıtlamalar ızgarası
• Boolean komutları (birleştirme, kesişme, birleştirme, çıkarma)
• Renk seçici
• Karıştırma modu
• Çoklu dolgular
• Efektler (damla/iç gölge, arka plan/katman bulanıklığı)
• Özel veya cihaza özel boyutlandırmaya sahip çerçeve aracı
• maskeler
• Şekil öğeleri
• Kalem ve bükme araçları
• Metin aracı
• Katmanları kilitleme ve gizleme
• Taşı aracı (öğeleri almak için işaretçi/tıklayıcı)
• Sabitleme
• Yakınlaştırma aracı

Metin aracı hakkında bilmeniz gereken bir şey, yazı tipi seçenekleri arasında gezinememeniz veya topografyanın önizlemelerini görememenizdir. Tasarıma başladığınızda kullanmak istediğiniz topografyayı bilmek en iyisidir.

Dikkate Değer Figma Özellikleri

Figma'nın öne çıkan özelliklerinden bazıları hakkında biraz daha derinlemesine gidelim:

• Kitaplıklar: Yeniden kullanılabilir bileşenlerle kitaplıklar oluşturun ve tüm ekibe erişim izni verin. Bileşen kitaplıkları ekipler tarafından tanımlanır, böylece bir takımın bir kitaplığı olabilir ve başka bir takımın kendi kitaplığı olabilir. Kütüphanede bir bileşen güncellendiğinde, onu kullanan her tasarımda değişiklik yapılır. Kitaplıktaki bir bileşeni güncellerken, yanlışlıkla herhangi bir değişiklik yapmamak için değişikliği yayınlamayı onaylarsınız. (“Ekip Kitaplığı” özellikleri yalnızca ücretli planlar içindir.)
• Taşı: Bir nesneyi tuvalin etrafında hareket ettirirken, cetveller onun yüksekliğini ve genişliğini gösterir.
• Ölçek: Her zamanki gibi, ölçekleme aracı her şeyi orantılı tutar. Figma'ya özgü olan şey, ölçeğin bireysel bir araç olmasıdır. Kullanırken shift tuşunu basılı tutmanız gerekmez. Dilerseniz bilgi panelinden de ölçeklendirebilirsiniz.
• Vektör Ağları: Bir vektör üzerindeki bir düğüme birden çok parça ekleyerek (standart olan yalnızca iki parçanın aksine) vektör ağları adı verilen karmaşık şekiller oluşturun.
• Bükme: Bükme aracıyla, bir şekli yalnızca bir noktadan değil, herhangi bir kenardan tutup işleyebilirsiniz.
• Görüntüden Şekile: Bir görüntüyü doğrudan oluşturduğunuz şekle bırakın. Şekli dönüştürdüğünüzde, görüntü içeride orantılı kalacaktır.
• Yerleştirme Görüntü Aracı: Görüntüler yalnızca tasarımınıza düşmez. Bunun yerine, görüntüyü imlecinizin üzerinde tutacak ve ardından tıklayarak yerine bırakacaksınız. Boyutu basılı tutarken değiştirirseniz (shift tuşunu basılı tutmadan), görüntüyü yeniden boyutlandırmak yerine kırpacaktır.

Figma'nın Faydaları

Araçlarına ve bazı benzersiz yeteneklerine ek olarak, Figma'nın faydaları şunları içerir:

• Doğrudan tuval üzerine yorum yapın
• CSS ve SVG, iOS ve Android kodu oluşturun
• JPG, PDF, PNG veya SVG olarak dışa aktarın
• Aynı anda birden fazla görüntüyü içe aktarın
• Sketch dosyalarını içe aktar
• Nesneden çalışma yüzeyine bağlantı
• Kısayollar diğer platformlara benzer
• Sürüm geçmişi mevcut

İşbirlikçi Fikir ve Tasarım

Figma, güvenilir paylaşım ve senkronizasyon yetenekleri sayesinde fikir üretmek için mükemmeldir. Mural gibi dijital beyaz tahta işbirliğine daha uygun başka araçlar olsa da, Figma bunu diğer tasarım araçlarına kıyasla daha iyi yapıyor. Figma ekipleri, tasarımcılar, geliştiriciler, proje yöneticileri ve hatta müşteriler gibi bir projeye dahil olan herkesi içerebilir.

Figma'nın her zaman çevrimiçi doğası, onu bir tür Google Dokümanlar benzeri ekran paylaşım aracı haline getiriyor. Belgeyi gerçek zamanlı olarak kimin görüntülediğini görün. Kimin değişiklik yaptığını bilmeniz için imleçler etiketlenmiştir. Ayrıca, ekip üyesinin bakış açısını görmek için araç çubuğundaki bir avatarı tıklatarak iletişimi iyileştirebilirsiniz. Paylaşım, Dropbox'a benzer şekilde çalışır ve düzenleme veya salt görüntüleme için izinler ayarlayabilirsiniz.

Figma Fiyatlandırma

Figma, iki kişilik küçük bir ekibiniz varsa ve aynı anda yalnızca üç proje üzerinde çalışmanız gerekiyorsa ücretsizdir. Bunun ötesinde, editör başına aylık 12 ABD Doları olan Profesyonel planı veya editör başına aylık 45 ABD Doları olan Organizasyon planını isteyeceksiniz.

Her plan, sınırsız dosya depolama alanı ve ücretsiz izleyiciler ile birlikte gelir. İki ücretli planın da sınırsız editör ve projelerinin yanı sıra yalnızca davetli projeler yapma yeteneği vardır. Organizasyon planı, sınırsız ekip oluşturma, bağlantılar için erişim kontrolleri ve etkinlik günlükleri gibi daha büyük şirketlerin yararlı bulacağı özelliklere sahiptir. Burada planlar hakkında daha fazla bilgi edinin.

Son düşünceler

Platformlar arası erişilebilirlik ve işbirliği özellikleri, Figma'yı diğer önde gelen tasarım araçlarına karşı kazanan ve güçlü bir rakip haline getiriyor. Dosya paylaşımına gerek kalmadan sürüm geçmişi ve gerçek zamanlı düzenleme özellikle yararlıdır. Tarayıcı tabanlı bir araç olduğu gerçeği, daha büyük şirketler için güvenlik endişelerine neden olabilse de, Organizasyon planı bu sorunların bazılarını ele alan özelliklere sahiptir.

Genel olarak, Figma beklediğiniz araçlara sahip tam özellikli bir tasarım aracıdır ve bazı ekstra güzellikleri de vardır. Solo tasarımcılar tarafından kullanılabilse de, tasarım ekipleri için gerçekten anlamlı ve kullanışlıdır. Aynı projenin birçok versiyonunu oluşturan tasarım ekiplerinin yanı sıra yazılım için ödeme yapmadan bu araçlar ve kontroller konusunda rahat olmak isteyen yeni tasarımcılar için de harika.

Daha fazla ücretsiz araç keşfetmeye hazır mısınız? Ücretsiz, açık kaynaklı bir Photoshop alternatifi olan GIMP hakkındaki makalemize göz atın.

PureSolution / Shutterstock.com aracılığıyla Öne Çıkan Görsel