KULLANICI DENEYİMİ TASARIMI İLE FIGMA EĞİTİMİ

Figma ile tasarımdan teslime hızlı ve ölçeklenebilir

Auto layout, bileşen, varyant, değişken, tasarım sistemi, prototip ve Dev Mode ile Figma

Kullanıcı Deneyimi Tasarımı ile Figma Eğitimi, UX ve UI çalışmasını Figma üzerinde uçtan uca yürütmeyi öğretir. Program Figma arayüzünü ve dosya yapısını, frame ve düzen gridlerini, auto layout mantığını, bileşen ve varyant sistemini, değişkenler ve tasarım t…

3 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Figma'nın arayüzünden tasarım sistemine ve geliştirici teslimine uçtan uca kullanım

Kullanıcı Deneyimi Tasarımı ile Figma Eğitimi, UX ve UI çalışmasını Figma üzerinde uçtan uca yürütmeye odaklanır. Katılımcılar frame ve düzen gridlerini, auto layout mantığını, bileşen ve varyant sistemini, değişkenler ve token'larını öğrenir. Paylaşılan kütüphaneyle tasarım sistemi kurma, prototipleme ve Smart Animate, FigJam ile iş birliği ve Dev Mode ile geliştiriciye teslim uygulamalı işlenir. Amaç, Figma'yı hızlı ve ölçeklenebilir tasarım için ustaca kullanmaktır.

Süre ve Format

3 Gün. Her gün dört modül; Figma özellikleri gerçek bir uygulama ekranı ve tasarım sistemi üzerinde adım adım atölyelerle uygulanır.

Seviye

Orta Seviye — Figma'yı auto layout, bileşen, varyant, değişken, tasarım sistemi, prototip ve Dev Mode ile uçtan uca kullanma

Öğrenme Metodu

Her özellik gerçek bir uygulama ekranı üzerinde atölyelerle işlenir; bileşen, prototip ve tasarım sistemi canlı olarak Figma'da üretilir.

Neden Bu Eğitim?

⚡Hızlı ve tutarlı üretin

Auto layout, bileşen ve varyantla tekrarı ortadan kaldırır, tasarımı hızlı, tutarlı ve kolay güncellenebilir şekilde üretirsiniz.

🧱Tasarım sistemi kurun

Paylaşılan kütüphane, değişkenler ve token'larla ölçeklenebilir bir tasarım sistemi kurar, ekip genelinde tutarlılık sağlarsınız.

🤝Teslimi sorunsuz yapın

Dev Mode ve FigJam ile tasarımcı, geliştirici ve paydaş arasındaki iş birliğini ve teslimi tek platformda yürütürsünüz.

Anahtar Konular

figma eğitimifigma kursuux tasarımı figma eğitimifigma ui eğitimifigma auto layoutfigma bileşen varyantfigma tasarım sistemifigma prototip eğitimifigma dev modearayüz tasarımı figma
“Figma'da ustalık özellikleri saymak değil, auto layout ve bileşenle tekrar etmeyen, kendini güncelleyen bir sistem kurmaktır.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak bilgi ve deneyim alanları

1
Temel UX/UI farkındalığı

Arayüz, ekran ve bileşen kavramlarına aşinalık Figma özelliklerinin yerli yerine oturmasını kolaylaştırır.

2
Figma hesabı

Ücretsiz bir Figma hesabı ve masaüstü ya da tarayıcı erişimi atölyelere aktif katılım için gereklidir.

3
Görsel tasarım temeli

Tipografi, renk ve düzen gibi temel görsel kavramlar bileşen ve stil modüllerinde verimi artırır.

4
Dosya ile çalışma

Katman, grup ve dosya düzeni gibi kavramlara aşinalık öğrenmeyi hızlandırır.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı Figma arayüzünü ve dosya yapısını kavrar; frame, grid ve kısıtlamalarla düzen kurar, şekil, metin, renk ve stillerle temel tasarım öğelerini üretir.
Modül 1
Figma'ya Giriş ve Çalışma Alanı
  • Bulut tabanlı tasarımın ve dosya paylaşımının mantığı
  • Takım, proje ve dosya hiyerarşisinin yapısı
  • Tuval, katmanlar paneli ve araç çubuğu kullanımı
  • Sayfalar ve dosya içi düzen organizasyonu
  • Verimliliği artıran temel klavye kısayolları
  • Yakınlaştırma, hizalama ve çalışma akışı ipuçları
Modül 2
Frame, Grid ve Düzen
  • Frame ile group arasındaki fark ve kullanım
  • Düzen gridleri ve sütun sistemiyle hizalama
  • Constraints ile öğelerin responsive davranışı
  • Resize ile ekran boyutuna uyum sağlama
  • Hazır cihaz ve ekran şablonlarının kullanımı
  • Padding ve boşlukla düzenli yerleşim kurma
Modül 3
Şekil, Vektör ve Metin
  • Dikdörtgen, elips ve temel şekil araçları
  • Kalem aracı ve vektör düğüm düzenleme
  • Boolean işlemlerle karmaşık şekiller üretme
  • Metin katmanı ve tipografi ayarları
  • Metin stilleri oluşturma ve yeniden kullanma
  • Görsel yerleştirme, kırpma ve maske uygulama
Modül 4
Renk, Stil ve Efektler
  • Dolgu, kontur ve opaklık ayarları
  • Doğrusal ve radyal degrade oluşturma
  • Paylaşılabilir renk ve efekt stili tanımlama
  • Gölge ve bulanıklık (blur) efektleri
  • Stil kütüphanesiyle tutarlı görsel dil
  • Stil güncellemelerinin tasarıma yansıması
Günün hedefiKatılımcı auto layout ile responsive yerleşim kurar, bileşen ve varyant sistemi tasarlar, değişken ve token'larla temalandırır ve paylaşılan kütüphaneyle tasarım sistemi oluşturur.
Modül 1
Auto Layout ile Düzen
  • Auto layout mantığı ve ne zaman kullanılacağı
  • Yön, hizalama ve dağıtım ayarları
  • Padding ve öğeler arası boşluk yönetimi
  • İçeriğe göre büyüme, sarma (wrap) davranışı
  • İç içe auto layout ile karmaşık düzen
  • Responsive bileşen davranışının kurgulanması
Modül 2
Bileşen ve Varyant
  • Component ve instance ilişkisi
  • Varyantlarla durum ve türleri tek yerde toplama
  • Component properties ile esnek bileşen
  • Boolean, metin ve instance swap özellikleri
  • İç içe bileşenler ve override yönetimi
  • Bileşen isimlendirme ve düzenleme kuralları
Modül 3
Değişkenler ve Tasarım Token'ları
  • Variables ile merkezi değer yönetimi
  • Renk, sayı, metin ve boolean değişkenleri
  • Modlarla açık ve koyu tema geçişi
  • Tasarım token yapısının kurulması
  • Değişkenlerin bileşenlere bağlanması
  • Tema ve marka varyasyonlarını yönetme
Modül 4
Tasarım Sistemi ve Kütüphane
  • Paylaşılan kütüphane yayımlama ve kullanma
  • Bileşen ve stil dokümantasyonu
  • Kütüphane sürümleme ve güncelleme yayma
  • Takım genelinde tutarlı kullanım
  • Bileşen düzeni ve adlandırma standardı
  • Tasarım sistemi bakımının sürdürülmesi
Günün hedefiKatılımcı etkileşimli prototip ve Smart Animate kurar, gelişmiş etkileşim tasarlar, FigJam ile iş birliği yapar ve Dev Mode ile geliştiriciye teslim akışını yürütür.
Modül 1
Prototipleme Temelleri
  • Prototype sekmesi ve bağlantı kurma
  • Etkileşim tetikleyicileri ve eylemleri
  • Smart Animate ile akıcı geçişler
  • Overlay ile modal ve açılır içerik
  • Scroll davranışı ve sabit öğeler
  • Akış başlangıç noktaları ve önizleme
Modül 2
Gelişmiş Prototip ve Etkileşim
  • Değişkenlerle koşullu prototip akışı
  • Bileşen durum değişimiyle gerçekçi etkileşim
  • Mikroetkileşim ve hover durumları
  • Cihazda canlı önizleme ve test
  • Prototipi paylaşma ve geri bildirim toplama
  • Kullanıcı testi için prototip hazırlama
Modül 3
İş Birliği ve FigJam
  • Gerçek zamanlı çok kullanıcılı düzenleme
  • Yorum (comment) ile geri bildirim yönetimi
  • FigJam ile beyin fırtınası ve haritalama
  • Gözlem (observation) modu ve sunum
  • Paylaşım izinleri ve erişim yönetimi
  • Sürüm geçmişi ve geri dönüş noktaları
Modül 4
Dev Mode ve Teslim
  • Dev Mode ile geliştiriciye hazır görünüm
  • Ölçü, boşluk ve stil değerlerini inceleme
  • CSS ve kod çıktılarının okunması
  • Varlıkları (asset) dışa aktarma ve formatlar
  • Faydalı eklentilerle (plugin) iş akışı
  • Tasarımdan geliştirmeye teslim akışı

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Figma arayüz ustalığı

Figma arayüzünü, dosya yapısını ve kısayollarını ustaca kullanır, frame ve gridlerle düzenli bir çalışma akışı kurarsınız.

✅
Auto layout

Auto layout ile içeriğe uyum sağlayan responsive yerleşimler kurar, tekrarı azaltıp hızlı güncellenebilir tasarımlar üretirsiniz.

✅
Bileşen ve varyant

Component, varyant ve properties ile esnek, tekrar kullanılabilir bileşenler tasarlar ve override'ları düzenli yönetirsiniz.

✅
Değişken ve token

Değişkenler ve modlarla açık-koyu tema ve marka varyasyonlarını yönetir, tasarım token yapısını merkezden kurarsınız.

✅
Tasarım sistemi

Paylaşılan kütüphaneyle ölçeklenebilir bir tasarım sistemi kurar, ekip genelinde tutarlılığı ve sürümlemeyi sağlarsınız.

✅
Etkileşimli prototip

Smart Animate, overlay ve koşullu akışlarla gerçekçi etkileşimli prototipler üretir, kullanıcı testine hazır hale getirirsiniz.

✅
İş birliği ve FigJam

Çok kullanıcılı düzenleme, yorum ve FigJam ile ekip iş birliğini yürütür, sürüm geçmişiyle çalışmayı güvenle yönetirsiniz.

✅
Dev Mode ile teslim

Dev Mode ile ölçü, stil ve kod çıktılarını paylaşır, varlıkları dışa aktarır ve geliştiriciye sorunsuz teslim yaparsınız.

Kimler İçin Uygundur?

  • Figma'yı profesyonel düzeyde kullanmak isteyen UX/UI tasarımcıları
  • arayüz tasarlayan frontend geliştiriciler
  • ürün ekipleri
  • tasarım sistemi kurmak isteyen tasarım takımları için uygundur

Sıkça Sorulan Sorular

Bu Figma eğitimi kimler için uygundur?
Figma'yı profesyonel düzeyde kullanmak isteyen UX/UI tasarımcıları, arayüz tasarlayan frontend geliştiriciler, ürün ekipleri ve tasarım sistemi kurmak isteyen takımlar için uygundur. Temel UX/UI farkındalığı ve ücretsiz bir Figma hesabı yeterlidir.
Eğitim için ücretli Figma gerekiyor mu?
Hayır. Atölyelerin büyük bölümü ücretsiz Figma planıyla yapılabilir. Paylaşılan kütüphane ve bazı tasarım sistemi özellikleri ücretli planlarda daha gelişmiş olduğundan bu farklar eğitimde ayrıca açıklanır.
Bu eğitim UX sürecini mi yoksa Figma aracını mı öğretiyor?
Eğitim ağırlıklı olarak Figma aracına ve araç üzerinden tasarım üretimine odaklanır: auto layout, bileşen, değişken, prototip ve Dev Mode. UX süreci bu araç içinde ele alınır; uçtan uca araştırma ve yöntem ayrı UX tasarımı programında işlenir.
Auto layout ve bileşen gibi ileri konular da var mı?
Evet. İkinci gün tamamen auto layout, bileşen ve varyant, değişkenler ve paylaşılan kütüphaneyle tasarım sistemine ayrılmıştır. Bu konular gerçek bir arayüz üzerinde adım adım uygulamalı işlenir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Eğitim Figma'yı gerçek bir ekran ve tasarım sistemi üzerinde uygulamalı kazandırmaya odaklanır ve kuruma özel uyarlanabilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Kullanıcı Deneyimi Tasarımı ile Figma Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

UX/UI TasarımıProduct Design and UX Fundamentals for Technical PMs Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Product Design and UX Fundamentals for Technical PMs Eğitimi

3 günTemelOnline / Yüz Yüze / Hibrit

Design Thinking, ürün keşfi, JTBD, tasarımcıyla çalışma, kullanılabilirlik ve HEART metrikleriyle teknik PM'ler için uygulamalı ürün tasarımı ve UX eğitimi.

Detayları Gör →
UX/UI TasarımıProfessional Certificate in UX Design Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Professional Certificate in UX Design Eğitimi

4 günİleriOnline / Yüz Yüze / Hibrit

Kullanıcı araştırması, bilgi mimarisi, Figma prototipleme, tasarım sistemi ve kullanılabilirlik testiyle uçtan uca profesyonel UX design eğitimi.

Detayları Gör →
UX/UI TasarımıPrototyping Design Thinking Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Prototyping Design Thinking Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Kağıttan Figma'ya düşük ve yüksek sadakatli prototipler, kullanıcı testi ve iterasyonla design thinking prototipleme becerisini derinleştiren eğitim.

Detayları Gör →
UX/UI TasarımıTasarım Odaklı Düşünce Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Tasarım Odaklı Düşünce Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Empati, problem tanımı, fikir üretme, prototip ve testle beş aşamalı insan merkezli design thinking sürecini uçtan uca öğreten eğitim.

Detayları Gör →
UX/UI TasarımıTasarım Odaklı Düşünme Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Tasarım Odaklı Düşünme Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Design thinking'i kurumda uygulamaya, atölye kolaylaştırmaya, design sprint ve inovasyonu ölçeklemeye odaklanan uygulamalı eğitim programı.

Detayları Gör →
UX/UI TasarımıTasarım Odaklı Düşünme: Yenilikçilik ve Yaratıcı Problem Çözme Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Tasarım Odaklı Düşünme: Yenilikçilik ve Yaratıcı Problem Çözme Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Yanal düşünme, SCAMPER, altı şapka, analoji ve beyin yazımı ile yaratıcı fikir üretme ve yenilikçi problem çözme tekniklerini öğreten eğitim.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn