Eğitimin Amacı ve Kapsamı
Figma'yı yalnızca bir çizim tahtası gibi kullanmak; içerik değiştiğinde bozulan ekranlara, yüzlerce kopya katmana ve yazılımcıların ölçü/stil bulmakta zorlandığı karmaşık dosyalara neden olur. Bu eğitim, Figma'nın modern üretim özellikleriyle esnek, bakımı kolay ve koda yakın arayüzler oluşturmayı öğretir.
Frame ve grid yapıları, iç içe Auto Layout ve min/max genişlik kuralları, Component Properties (Boolean, Instance Swap, Text) ve Variants, Variables ile renk/boşluk token'ları ve Dark/Light mod geçişi, FigJam iş birliği ve Dev Mode ile geliştirici teslimi (handoff) uygulamalı çalışılır. Katılımcılar kurumsal bir ekran setini tamamen Auto Layout ve değişken tabanlı olarak yeniden kurar.
Kimler Katılmalı?
- Günlük üretim hızını ve dosya kalitesini artırmak isteyen UI/UX ve ürün tasarımcıları
- Figma dosyalarından kod üreten frontend ve mobil geliştiriciler
- Ekran akışlarını ve tasarım spesifikasyonlarını inceleyen Product Manager ve analistler
- Ön koşul: temel arayüz tasarımı kavramları bilgisi
Kazanımlar
- Auto Layout, wrap ve constraints özellikleriyle her ekran boyutuna uyum sağlayan tasarımlar kurar
- Variants ve Component Properties kullanarak bileşen patlamasını önleyen temiz kütüphaneler oluşturur
- Figma Variables ile renk, sayı ve metin token'larını tanımlayıp tek tıkla tema (Light/Dark) değiştirir
- Dosya organizasyonu, sayfa yapısı, dallanma/sürümleme ve ortak çalışma standartlarını uygular
- Dev Mode, ölçüm, CSS/iOS/Android çıktıları ve durum etiketleriyle geliştirici teslimini hızlandırır
Konular
Figma Çalışma Alanı, Frame, Grid ve Kısıtlamalar
- Dosya/proje yapısı, Frame vs Group farkı ve responsive Layout Grid kurulumu
- Constraints (kısıtlamalar), vektör araçları ve Boolean işlemleri
İleri Auto Layout ile Duyarlı (Responsive) Ekranlar
- Hug, Fill, Fixed boyutlandırma, absolute positioning ve wrap (satır kaydırma)
- Min/max genişlik-yükseklik kurallarıyla kart, tablo ve tam sayfa yerleşimleri
Components, Variants ve Component Properties
- Ana bileşen (main component), instance ve override yönetimi
- Variants ile durum/boyut matrisi; Boolean, Text ve Instance Swap özellikleri
Stiller, Variables ve Çoklu Mod (Light/Dark) Yönetimi
- Tipografi ve efekt stilleri; Color, Number, String ve Boolean Variables
- Primitive ve semantic koleksiyonlar ile Light/Dark ve mobil/masaüstü modları
İş Birliği, Kütüphane Paylaşımı ve Dev Mode Handoff
- Team Library yayınlama, sürüm geçmişi ve yorum/inceleme akışı
- Ready for Dev işaretleme, annotasyon, varlık dışa aktarma ve Dev Mode incelemesi
Bu Kategorideki Diğer Eğitimler
-
Ölçeklenebilir Design System mimarisi: W3C design token'ları, atomik bileşen yapısı, erişilebilirlik standartları, Figma ve kod (Storybook/React/Web) senkronizasyonu, dokümantasyon, sürümleme ve ekipler arası yönetişim.
- Canlı Kurs
- 5 modül
-
Dijital ürün doğrulama için etkileşimli prototipleme: kağıt ve lo-fi akışlardan hi-fi prototiplere, Smart Animate ve mikro-etkileşimler, değişken ve koşullu mantıkla gerçekçi formlar/sepetler ve kullanılabilirlik testi hazırlığı.
- Canlı Kurs
- 5 modül
-
Ürün ve tasarım kararları için uygulamalı User Research: araştırma planı ve hipotez kurma, derinlemesine kullanıcı görüşmeleri, moderasyonlu/moderasyonsuz kullanılabilirlik testi, card sorting, sentez ve içgörü raporu.
- Canlı Kurs
- 5 modül
-
Tasarımcılar için iki yönlü AI yetkinliği: kullanıcı araştırması sentezi, wireframe/UI üretimi (Figma AI, v0, Relume) ve mikro-metin yazımında AI kullanımı; ayrıca copilot, agent ve üretken AI ürünleri için UX desenleri.
- Canlı Kurs
- 5 modül
-
Uçtan uca dijital pazarlama stratejisi ve kanal yönetimi: müşteri yolculuğu ve huni (funnel) kurgusu, SEO ve içerik, Google Ads ve ücretli sosyal medya, e-posta/CRM otomasyonu, dönüşüm optimizasyonu (CRO) ve ROAS/CAC ölçümü.
- Canlı Kurs
- 5 modül
-
B2B ve B2C markalar için stratejik içerik pazarlaması: alıcı yolculuğu ve arama niyeti haritalama, topic cluster ve pillar içerik mimarisi, hikaye anlatımı, çok kanallı dağıtım/yeniden kullanım (repurposing) ve içerik ROI ölçümü.
- Canlı Kurs
- 5 modül
Bizimle iletişime geçin
