FIGMA NEDİR?

On yıl önce bir web sitesi tasarımı şöyle yapılırdı: tasarımcı Photoshop'ta katmanlarla boğuşur, dev PSD dosyasını e-postayla yollar, yazılımcı ölçüleri gözle tahmin eder, revizyon "Ekran_final_v7_SON2.psd" diye dönerdi. Bugün aynı iş çoğunlukla tek bir tarayıcı sekmesinde oluyor ve o sekmenin adı Figma. Peki Figma tam olarak nedir — bir çizim programı mı, bir Photoshop rakibi mi, yoksa başka bir şey mi? Bu yazı, aracı hiç açmamış birine de netleşecek şekilde anlatıyor.

1. Figma Nedir, Neyi Çözer

Figma, arayüz (UI) tasarımı için yapılmış, tarayıcıda çalışan, bulut tabanlı bir tasarım aracıdır. Web sitesi ekranları, mobil uygulama arayüzleri, yönetim panelleri ve bunların tıklanabilir prototipleri Figma'nın ana işidir. Üç temel derdi çözer:

• Kurulum ve dosya derdi — program kurulmaz, dosya gönderilmez; tasarım bir bağlantıdır, herkes aynı güncel hâle bakar
• Sürüm karmaşası — "v7_SON2" devri biter; geçmiş sürümler dosyanın içinde durur
• Tasarım-yazılım kopukluğu — yazılımcı aynı dosyadan ölçüyü, rengi ve varlıkları kendisi alır (Dev Mode); "bu buton kaç piksel?" e-postaları biter

2. Photoshop'tan Farkı

En sık karışan konu. Kısa cevap: rakip değiller, işleri farklı.

• Photoshop piksel dünyasıdır — fotoğraf işleme, retüş, görsel üretim; tuval bir resimdir
• Figma vektör ve bileşen dünyasıdır — arayüz elemanları (buton, kart, menü) yeniden kullanılabilir parçalardır; tuval, yazılıma dönüşecek ekranların planıdır

Pratik ayrım şu cümlede saklı: kampanya görseli tasarlıyorsanız Photoshop/Illustrator doğru adres; tıklanacak bir şey tasarlıyorsanız Figma. İki dünya iç içe de çalışır — Figma'daki arayüzün içine Photoshop'ta işlenmiş görsel konur. Grafik tarafını güçlendirmek isteyenler için Photoshop eğitimi bu ekosistemin öbür yarısıdır.

3. Temel Kavramlar: Frame, Component, Auto Layout

Figma'yı açan birinin ilk hafta öğreneceği çekirdek üçlü:

• Frame — ekranın kendisi: bir telefon ekranı, bir masaüstü sayfa. Tasarım frame'lerin içine kurulur
• Component — yeniden kullanılabilir parça: ana buton bir kez tasarlanır, 40 ekranda kopyası (instance) kullanılır; ana buton değişince hepsi güncellenir. Tutarlı tasarımın sırrı budur
• Auto Layout — elemanların birbirine göre otomatik dizilmesi: içerik uzayınca kart büyür, buton metniyle genişler. Web'in esnek yapısını tasarıma taşır

Bu üçlüye stiller (renk-yazı değişkenleri) eklenince ortaya design system çıkar: kurumun tüm arayüzlerinin tek kaynaktan beslendiği parça kütüphanesi — bugün ciddi ürün ekiplerinin standardı.

4. Ekip Çalışması: Asıl Süper Gücü

Figma'yı kategorisinin standardı yapan özellik çizim araçları değil, çok oyunculu olmasıdır:

• Aynı dosyada birden çok kişi aynı anda çalışır — imleçler canlı görünür (belge dünyasındaki ortak düzenlemenin tasarım hali)
• Yorumlar tasarımın üstüne iğnelenir; geri bildirim e-postada değil, ilgili pikselin yanında yaşar
• Müşteriye/yöneticiye salt-görüntüleme bağlantısı atılır; sunum modu ile prototip telefonda gerçek uygulama gibi tıklanır
• Yazılımcı Dev Mode'da ölçü, renk kodu ve CSS değerlerini hazır alır

Ajans tarafında pratik sonuç: revizyon döngüsü günlerden saatlere iner; "hangi dosya güncel" sorusu tarihe karışır.

5. Kimler Kullanır, Ücretlendirme Mantığı

• UI/UX tasarımcıları — ana kullanıcı kitlesi; ilanlardaki "Figma bilgisi" artık varsayılan beklenti
• Web tasarımcıları ve ajanslar — site tasarımını müşteriyle Figma üzerinden yürütme standardı
• Yazılımcılar — tasarımı koda dökerken; Dev Mode ile
• Ürün yöneticileri ve pazarlamacılar — akış şemaları, sunumlar ve beyin fırtınası için (FigJam tahtası)

Ücret modeli katmanlıdır: bireysel öğrenme ve küçük işler için ücretsiz katman uzun süre yeter; ekipler büyüdükçe koltuk başına aylık abonelik devreye girer. Başlamak için kredi kartı bile gerekmez — bu düşük giriş eşiği, aracın dünyada bu kadar hızlı yayılmasının sebeplerinden biridir. Güncel plan detayları için Figma resmi sitesi referanstır.

6. Öğrenme Yolu

Figma'nın arayüzü dostçadır ama "aracı bilmek" ile "araçla iş çıkarmak" farklıdır. Sağlıklı sıra:

• 1. hafta — frame, şekil, yazı, hizalama; basit bir mobil ekran kopyalamak
• 2-3. hafta — component ve varyantlar, stiller; küçük bir bileşen kütüphanesi kurmak
• 4. hafta ve sonrası — auto layout ile esnek ekranlar, prototip bağlantıları, gerçek bir proje: mevcut bir sitenin ana sayfasını yeniden tasarlamak

Araç öğrenmenin yanına tasarım ilkeleri (hiyerarşi, boşluk, tipografi) eklenmezse Figma hızlı ama vasat üretir. İkisini birlikte, uygulamalı ilerletmek isteyenler için Figma eğitimi bu programı gerçek proje üzerinden yürütür.

Sonuç

Figma; arayüz tasarımını dosya gönderme devrinden çıkarıp tek bağlantıda buluşturan, tarayıcıda çalışan çok oyunculu bir tasarım platformudur. Photoshop'un rakibi değil, farklı bir işin — tıklanabilir dünyanın — standardıdır. Web tasarımı, ürün geliştirme veya ajans işinde çalışan herkes için artık "öğrensem mi" sorusu değil, "ne kadar derin öğrensem" sorusu geçerlidir.