Figma Nedir, Ne İşe Yarar ve Neler Yapılabilir?

Figma, UX ve UI tasarımcıları için en popüler tasarım ve prototipleme araçlarından biridir. Peki, Figma nasıl çalışır ve neden bu kadar faydalıdır? Bu rehberde tüm detaylarıyla ele alıyoruz.

2016 yılında piyasaya sürülen Figma’nın henüz bir on yılı bile doldurmadığını düşünmek şaşırtıcı olabilir. Kullanıcı dostu arayüzü, güçlü tasarım ve prototipleme özellikleri ile iş birliğine dayalı yapısı sayesinde Figma, kısa sürede tasarım dünyasının vazgeçilmez araçlarından biri haline geldi.

Peki, Figma tam olarak nasıl çalışıyor? En heyecan verici özellikleri neler?

Bu kapsamlı rehberimizde Figma hakkında bilmeniz gereken her şeyi bulabilirsiniz:

Figma Nedir?

Figma, öncelikli olarak prototipleme ve iş birliği için kullanılan bir kullanıcı arayüzü (UI) tasarım aracıdır. Tamamen web tabanlı olduğu için herhangi bir yazılım indirmenize veya yüklemenize gerek yoktur; doğrudan tarayıcınız üzerinden çalışır.

Figma ekosistemi altında dört ana ürün bulunmaktadır:

• Figma Design: Tasarım varlıkları, prototipler oluşturmak ve tasarım sistemlerini yönetmek için kullanılan iş birliğine dayalı tasarım aracı.
• FigJam: Atölye çalışmaları, fikir geliştirme oturumları ve ortak problem çözme süreçleri için kullanılan sanal beyaz tahta.
• Dev Mode: Tasarımcılar ve geliştiriciler arasındaki iş birliğini kolaylaştıran, tasarım süreçlerinin sorunsuz ilerlemesini sağlayan çalışma alanı.
• Figma Slides (Beta): Tasarım ekiplerinin birlikte slayt sunumları hazırlamasına olanak tanıyan iş birliğine dayalı sunum aracı.

Bu rehberde, özellikle Figma Design üzerinde yoğunlaşacağız.

Figma Ne İşe Yarar ve Neler Yapılabilir?

Figma, erişilebilir ve kullanıcı dostu bir tasarım aracı olmasıyla bilinir. Bu nedenle, grafik tasarımcılar, pazarlamacılar, UI ve UX tasarımcıları gibi farklı alanlardan pek çok kişi tarafından tercih edilir.

Figma yaygın olarak şu amaçlarla kullanılır:

• Web siteleri ve mobil uygulamalar için statik wireframe’ler ve mockup’lar oluşturmak
• Web ve mobil uygulamalar için etkileşimli prototipler tasarlamak
• Tasarım sistemleri oluşturmak ve yönetmek (yeniden kullanılabilir bileşenler ve stiller ile)
• Sunumlar, logolar, ikonlar, infografikler ve sosyal medya içerikleri hazırlamak
• FigJam ile sanal atölyeler ve iş birliğine dayalı beyin fırtınası oturumları düzenlemek

Kısacası, Figma yalnızca bir tasarım aracı değil; aynı zamanda ekipler arası iş birliği sağlayan güçlü bir platformdur. Bir sonraki bölümde, Figma’nın en dikkat çekici özelliklerine yakından bakacağız.

Figma’nın En İyi Özellikleri ve İşlevleri

Figma, yalnızca son derece kullanıcı dostu olmakla kalmaz, aynı zamanda birçok kullanışlı özellik ve işlevle donatılmıştır. İşte Figma’yı diğer tasarım araçlarından ayıran en önemli özellikler:

1. Otomatik Yerleşim (Auto-layout) Özelliği

Web sitesi ve uygulama prototipleri tasarlarken, tasarımlarınızın farklı cihazlarda ve ekran boyutlarında nasıl görüneceğini ve çalışacağını düşünmek önemlidir. Bu, duyarlı (responsive) veya uyarlanabilir (adaptive) tasarımlar oluşturmayı gerektirir. Figma’nın auto-layout özelliği, bu süreci büyük ölçüde basitleştirir.

Otomatik yerleşim, tasarımınızdaki çerçevelere (frames) ve bileşenlere (components) ekleyebileceğiniz bir özelliktir. Bu sayede öğeler, içinde bulundukları alana göre otomatik olarak yeniden boyutlandırılır ve konumlandırılır.

2. Akıllı Seçim (Smart Selection)

Tasarım yaparken tekrarlayan işlemleri hızlandırmak için geliştirilmiş bir özelliktir. Örneğin, bir sayfadaki tüm simgeler arasındaki boşluğu düzenlemek veya bir grup öğenin yüksekliğini artırmak gibi işlemleri tek tek yapmak yerine, Smart Selection ile birden fazla öğeyi aynı anda seçip düzenleyebilirsiniz.

Bu özellik, üç veya daha fazla öğeden oluşan herhangi bir grupta otomatik olarak çalışır. Seçili öğelerin aralarındaki boşlukları, konumlarını ve boyutlarını aynı anda ayarlayabilirsiniz. Böylece farklı tasarım alternatiflerini denemek çok daha hızlı ve kolay hale gelir.

3. Ölçeklendirme Aracı (Scale Tool)

Figma’daki ölçeklendirme aracı, katmanları ve nesneleri orantılı olarak yeniden boyutlandırmanıza olanak tanır.

Bu aracı etkinleştirmek için ‘K’ tuşuna basabilir veya araç çubuğundaki ilgili simgeyi seçebilirsiniz. Daha sonra ölçeklendirmek istediğiniz nesneyi seçip tıklayıp sürükleyerek büyütebilir veya küçültebilirsiniz. Ayrıca, tam olarak uygulamak istediğiniz boyutları manuel olarak girebilirsiniz.

Ölçeklendirme aracı, seçili öğelerin oranlarını koruyarak tasarımınızın tutarlı kalmasını sağlar.

4. Varyantlar (Variants) Özelliği

Tasarım sürecinde, birbirine oldukça benzeyen ancak küçük farklılıklar içeren bileşenlere ihtiyacınız olabilir. Örneğin, farklı durumlara sahip bir düğme (button) tasarlarken, her durum için ayrı bir bileşen oluşturmak yerine varyantlar özelliğini kullanarak tek bir ana bileşen (parent component) altında farklı varyantlar oluşturabilirsiniz.

Bu özellik, farklı durumlar, stiller veya boyutlara sahip UI öğelerini yönetmeyi kolaylaştırır ve bileşen kütüphanenizi daha düzenli hale getirir.

5. Gerçek Zamanlı İş Birliği (Real-time Collaboration)

Bu, Figma’nın en belirgin özelliklerinden biridir ve onu bu kadar popüler yapan nedenlerden biridir. Figma, birden fazla kullanıcının aynı tasarım dosyası üzerinde aynı anda çalışmasına olanak tanır.

Tasarım ekibindeki üyeler birbirlerinin imleçlerini (cursor) görebilir, anlık değişiklikler yapabilir ve doğrudan tasarım alanı içinde mesaj gönderebilir. Bu özellik, özellikle uzaktan çalışan veya farklı lokasyonlardaki ekipler için gerçek bir yüz yüze çalışma hissi yaratır.

6. UI Kitleri

UI kitleri, hızlı ve verimli bir şekilde mockup ve prototipler oluşturmanıza yardımcı olan hazır bileşenler, stiller ve düzenlerden oluşan kütüphanelerdir.

Figma, farklı işletim sistemleri ve kullanım senaryoları için geniş bir UI kiti koleksiyonuna sahiptir. iOS, iPad, Android, Microsoft Teams ve Instagram gibi popüler platformlar için özel olarak hazırlanmış UI kitlerini bulabilirsiniz.

7. Eklentiler

Figma’yı kullanırken, aracın temel işlevleriyle sınırlı kalmazsınız. Figma, işlevselliğini daha da artıran çok çeşitli eklentileri destekler.

Tel kafes (wireframe) oluşturma sürecini hızlandırmak, kullanıcı akışları (user flows) geliştirmek veya tasarımlarınıza yer tutucu içerik (placeholder content) eklemek gibi pek çok farklı amaç için eklentiler bulabilirsiniz. Bu eklentiler, tasarım sürecinizi çok daha hızlı ve verimli hale getirebilir.

8. Şablonlar

Figma’nın en dikkat çeken özelliklerinden biri de özelleştirilebilir şablonlarının geniş kütüphanesidir. Eğer belirli bir tasarım görevinde desteğe ihtiyacınız varsa ya da ekip planlamasını ve işbirliğini kolaylaştırmak istiyorsanız, Figma şablonları tam size göre olabilir.

Figma’da beyin fırtınası şablonları, stratejik planlama şablonları, kullanıcı görüşmeleri ve empati haritası şablonları gibi birçok şablon bulunmaktadır. Tüm bu şablonlar, ihtiyaçlarınıza göre özelleştirilebilir ve uyarlanabilir, böylece tasarım süreçlerinizi daha verimli ve düzenli bir şekilde yönetebilirsiniz.

Figma Kullanmanın Faydaları

Figma’nın, tasarım dünyasında bu kadar popüler bir araç olmasının tesadüf olmadığı kesin. Figma kullanmanın birçok faydası vardır geliştirilmiş iş birliği ve daha verimli bir iş akışından, sunduğu geniş özellikler, şablonlar ve topluluk kaynaklarına kadar pek çok avantajı vardır.

İşte tasarımcıların Figma’yı bu kadar sevmesinin bazı nedenleri:

• Figma Öğrenmesi ve Kullanması Kolaydır: Figma, kullanıcı dostu ve sezgisel arayüzü ile ünlüdür. Hem yeni başlayanlar hem de uzmanlar, bu aracı hızla öğrenebilirler. Bu özellik, Figma’yı grafik tasarımdan ayrıntılı UI/UX tasarım projelerine kadar her şey için ideal hale getirir.
• Tarayıcı Tabanlıdır, İndirme Gerekmez: Figma’ya erişmek için tarayıcınızda açmanız yeterlidir; hangi cihazı veya işletim sistemini kullandığınızın bir önemi yoktur.
• Figma İş Birliğini Geliştirir: Figma, ekiplerin aynı dosya üzerinde aynı anda çalışmasını kolaylaştırır, bu da uzaktan çalışan ve dağıtık takımlar için büyük bir avantajdır.
• Sürüm Kontrolü ve Otomatik Kaydetme: Figma, yaptığınız değişiklikleri bulutta otomatik olarak kaydeder, böylece gerektiğinde önceki sürümlere geri dönebilir ve işinizi kaybetme riski azalır.
• Geniş Bir Özellik ve İşlev Yelpazesi: Figma, tel kafesler, prototipler ve daha birçok tasarım varlığı oluşturmak için ihtiyacınız olan her şeye sahiptir ve eklentilerle bu işlevselliği daha da artırabilirsiniz. Figma tam anlamıyla bir tasarım güç merkezi!
• Güçlü Bir Topluluk ve Ekstra Kaynaklar: Figma topluluğu, ilham ve öğrenme için harika bir kaynaktır. Figma kullanıcıları, topluluk tarafından tasarlanmış şablonlara, tasarım varlıklarına ve eklentilere erişebilirler—iş akışınızı hızlandırmak ve harika işler üretmek için ihtiyacınız olan her şey burada!

Figma vs. Sketch Hangisi Daha İyi?

Figma 2016 yılında piyasaya sürüldüğünde, genellikle Sketch ile karşılaştırılıyordu. Sketch, MacOS üzerinde çalışan bir vektör grafik düzenleyicisidir ve Figma öncesinde birçok kişi tarafından tasarım ve prototipleme için tercih edilen araç olarak kabul ediliyordu.

Şimdi, her iki araç da uzun bir süredir piyasada (Sketch 2010’da piyasaya sürüldü), peki hangisi daha iyi?

Bu tür araç karşılaştırmalarında olduğu gibi, hangi aracın daha iyi olduğu çoğunlukla ihtiyaçlarınıza ve tercihlerinize bağlıdır. Eğer bir Mac’te çalışıyorsanız ve yerel bir Mac uygulaması istiyorsanız, Sketch’i tercih edebilirsiniz. Ancak, herhangi bir cihazda iş birliği yaparak çalışmak istiyorsanız, Figma sizin için daha uygun olacaktır.

Tasarım işlevselliği açısından her iki araç da oldukça benzer özelliklere sahip olsa da, Figma’nın daha esnek olduğunu söyleyebiliriz.

Figma ile Sketch arasındaki bir diğer önemli fark ise fiyatlandırmadır. Figma, bireysel kullanıcılar için ücretsiz bir plan sunar ve abone tabanlı bir fiyatlandırma modeline sahiptir; bu model, editör başına ayda 15 dolar ile başlar.

Sketch, yıllık bir lisans satın alarak 120 dolar ya da aylık abonelikle 10 dolar (editör başına) kullanılabilir. Bireysel kullanıcılar için Sketch, Figma’dan biraz daha ucuz olabilir.

Figma Kodlama Gerektirir mi?

Hayır Figma’yı kullanmak için kodlama bilgisine ihtiyaç duymazsınız.

Figma, öncelikle tasarımcılar için geliştirilmiş bir araçtır ve tel kafesler, prototipler ve ölçeklenebilir tasarım varlıkları oluşturmanız için ihtiyaç duyduğunuz tüm özellikleri ve işlevleri içerir.

Aslında, Figma’nın bu kadar popüler olmasının sebeplerinden biri de sezgisel ve kullanıcı dostu arayüzüdür. Temel tasarım bilgisi dışında, kodlama gibi özel becerilere sahip olmanıza gerek yoktur; Figma’dan en verimli şekilde yararlanmak için sadece tasarım bilgisi yeterlidir.