FIGMA EĞİTİMİ

Figma ile arayüz tasarla ve prototiple

Bileşen, variant, Auto Layout, stiller, prototip ve Dev Mode ile uçtan uca arayüz tasarımı

Figma Eğitimi, arayüz tasarımının sektör standardı aracı Figma'yı sıfırdan ileri düzeye uygulamalı öğretir. Katılımcılar arayüzü, frame ve katmanları, metin ve renk stillerini, hizalama ve düzen ızgaralarını kavrar; yeniden kullanılabilir bileşenler, variant,…

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

Eğitim Hakkında

Arayüzden bileşene, prototipten geliştiriciye teslime kadar uygulamalı Figma

Figma Eğitimi, arayüz tasarımının sektör standardı aracı Figma'yı sıfırdan ileri düzeye uygulamalı öğretir. Katılımcılar arayüzü, frame ve katmanları, metin ve renk stillerini, hizalama ve düzen ızgaralarını kavrar. Ardından yeniden kullanılabilir bileşenler, variant, Auto Layout, stiller ve değişkenlerle tasarım sistemi mantığını uygular. Program; etkileşimli prototip, Smart Animate, yorum ve kütüphanelerle iş birliği ve Dev Mode ile geliştiriciye teslimle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; her özellik gerçek bir mobil ve web arayüzü tasarlanırken Figma üzerinde uygulamalı denenir.

Seviye

Orta Seviye — Figma ile arayüz tasarımı, bileşen ve Auto Layout, prototipleme ve geliştiriciye teslimi kapsayan program

Öğrenme Metodu

Tek bir uygulama arayüzü Figma'da sıfırdan tasarlanır; her özellik bu proje üzerinde adım adım uygulanıp prototiplenir.

Neden Bu Eğitim?

🎨Sektör standardı araç

Arayüz tasarımının en yaygın kullanılan aracı Figma'yı iş hayatında aranan düzeyde öğrenirsiniz.

🧩Tasarım sistemi mantığı

Bileşen, variant, Auto Layout ve değişkenlerle tutarlı, ölçeklenebilir ve bakımı kolay tasarımlar kurarsınız.

🔗Tasarımdan koda köprü

Prototip, yorum ve Dev Mode ile ekip içi iş birliğini ve geliştiriciye sorunsuz teslimi uygularsınız.

Anahtar Konular

figma eğitimifigma kursuui tasarım eğitimiux ui eğitimiarayüz tasarımı eğitimifigma prototipauto layouttasarım sistemi eğitimifigma bileşendev mode
“İyi bir arayüz tek bir ekranla değil, yeniden kullanılabilir bileşenler ve tutarlı bir sistemle ölçeklenir.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak araç ve bilgiler

1
Figma hesabı

Ücretsiz bir Figma hesabı ve çalışır bir tarayıcı ya da masaüstü uygulaması yeterlidir.

2
Bilgisayar kullanımı

Temel bilgisayar ve dosya yönetimi becerisi arayüz ve araçları kavramayı kolaylaştırır.

3
Tasarıma ilgi

Arayüz, renk ve düzen gibi temel tasarım kavramlarına ilgi öğrenmeyi hızlandırır.

4
Örnek bir fikir

Üzerinde çalışılacak basit bir uygulama veya web sayfası fikri uygulamayı somutlaştı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ı tanır, frame ve katmanlarla çalışır, metin ve renk kullanır, hizalama ve düzen ızgaralarını uygular.
Modül 1
Figma Arayüzü ve Dosya Yapısı
  • Tuval, araç çubuğu ve panellerin tanıtımı
  • Takım, proje ve dosya hiyerarşisi
  • Sayfalar (pages) ile çalışmayı bölme
  • Katmanlar ve özellikler (design) paneli
  • Yakınlaştırma, kaydırma ve gezinme
  • Dosya paylaşımı ve bulut kaydı mantığı
Modül 2
Şekiller, Frame ve Katmanlar
  • Dikdörtgen, elips ve çizim araçları
  • Frame ile grup arasındaki fark
  • Cihaz boyutunda frame oluşturma
  • Katman sıralaması ve iç içe yapı
  • Kısıtlar (constraints) ile yeniden boyutlanma
  • Kırpma (clip content) ve maskeler
Modül 3
Metin ve Renk Kullanımı
  • Metin aracı ve yazı tipi ayarları
  • Satır yüksekliği ve harf aralığı
  • Dolgu (fill), kenarlık (stroke) ve opaklık
  • Renk seçici ve HEX değer kullanımı
  • Gölge ve bulanıklık (blur) efektleri
  • Renk ve metin stilinin kaydedilmesi
Modül 4
Düzen ve Hizalama
  • Hizalama ve dağıtım (distribute) araçları
  • Akıllı kılavuzlar (smart guides) ile konum
  • Düzen ızgarası (layout grid) kurma
  • Sütun ve satır ızgarası tanımlama
  • Boşluk ve aralık (spacing) tutarlılığı
  • Piksel hizası ve hassas konumlama
Günün hedefiKatılımcı yeniden kullanılabilir bileşenler oluşturur, variant ve özellikler tanımlar, Auto Layout ile esnek düzen kurar ve stiller ile değişkenleri uygular.
Modül 1
Bileşenler ve Örnekler
  • Ana bileşen (main component) oluşturma
  • Örnek (instance) ile tekrar kullanım
  • Örnek üzerinde geçersiz kılma (override)
  • Ana bileşeni güncelleyip yayma
  • Bileşenleri düzenli adlandırma
  • İç içe (nested) bileşen kullanımı
Modül 2
Variant ve Özellikler
  • Variant ile durumları tek bileşende toplama
  • Boyut, durum ve tür özellikleri tanımlama
  • Boolean özellik ile öğe açma kapama
  • Instance swap ile içerik değiştirme
  • Metin özelliği (text property) kullanımı
  • Variant matrisini düzenli kurma
Modül 3
Auto Layout ile Düzen
  • Auto Layout ile otomatik yerleşim
  • Yön, boşluk (gap) ve iç kenar boşluğu
  • Hug, fill ve fixed yeniden boyutlanma
  • Öğe sıralaması ve sarma davranışı
  • İç içe Auto Layout ile karmaşık düzen
  • Buton ve kart bileşeninde kullanım
Modül 4
Stiller ve Değişkenler
  • Renk, metin ve efekt stili oluşturma
  • Stilleri bileşenlere bağlama yöntemi
  • Değişken (variable) ile token tanımı
  • Mod (mode) ile açık ve koyu tema
  • Boşluk ve köşe için sayı değişkeni
  • Tasarım sistemi tutarlılığının kurulması
Günün hedefiKatılımcı etkileşimli prototip oluşturur, gelişmiş animasyon ve geçişleri uygular, ekiple iş birliği yapar ve Dev Mode ile geliştiriciye teslim eder.
Modül 1
Prototip Oluşturma
  • Prototip sekmesi ve akış kurgusu
  • Frame'ler arası bağlantı (connection) kurma
  • Tetikleyici (on tap, hover) seçimi
  • Gezinme (navigate) ve geri eylemi
  • Geçiş (transition) türleri ve süre
  • Başlangıç noktası (flow) belirleme
Modül 2
Gelişmiş Etkileşim
  • Smart Animate ile akıcı geçiş kurma
  • Üst katman (overlay) ile açılır menü
  • Kaydırma (scroll) davranışı ayarı
  • Sabit (fixed) öğe ile başlık tutma
  • Prototipte değişken ve koşul kullanımı
  • Mikro etkileşimlerin tasarlanması
Modül 3
İş Birliği ve Paylaşım
  • Gerçek zamanlı çoklu kullanıcı çalışması
  • Yorum (comment) ile geri bildirim
  • Paylaşım bağlantısı ve erişim izinleri
  • Görüntüleyen ve düzenleyen rolleri
  • Takım kütüphanesi (library) yayımlama
  • Sürüm geçmişi (version history) kullanımı
Modül 4
Dev Mode ve Teslim
  • Dev Mode ile geliştirici görünümü
  • Ölçü, boşluk ve renk değerini inceleme
  • CSS ve kod parçacığı kopyalama
  • Varlıkları (asset) dışa aktarma (export)
  • Teslim için bölümleri işaretleme
  • Eklenti (plugin) ile iş akışını hızlandırma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Figma arayüzü

Tuval, paneller, sayfalar ve dosya yapısını tanıyıp frame ve katmanlarla rahatça çalışabilirsiniz.

✅
Metin ve düzen

Metin, renk, hizalama ve düzen ızgaralarıyla tutarlı ve hizalı arayüz ekranları oluşturabilirsiniz.

✅
Bileşen kullanımı

Ana bileşen ve örneklerle yeniden kullanılabilir, güncellemesi tek yerden yayılan öğeler kurabilirsiniz.

✅
Variant tasarımı

Variant ve özelliklerle bir bileşenin tüm durumlarını düzenli bir matris içinde yönetebilirsiniz.

✅
Auto Layout

Auto Layout ile içeriğe göre esneyen, hug ve fill davranışlı duyarlı bileşen ve ekranlar tasarlayabilirsiniz.

✅
Stil ve değişken

Renk ve metin stilleri ile değişkenleri kullanıp açık ve koyu tema destekli bir tasarım sistemi kurabilirsiniz.

✅
Prototipleme

Bağlantı, tetikleyici, geçiş ve Smart Animate ile tıklanabilir ve akıcı etkileşimli prototipler üretebilirsiniz.

✅
İş birliği ve teslim

Yorum, kütüphane ve Dev Mode ile ekip içinde iş birliği yapıp geliştiriciye sorunsuz teslim edebilirsiniz.

Kimler İçin Uygundur?

  • Arayüz tasarımına başlamak isteyen UX/UI tasarımcı adayları
  • ön yüz geliştiriciler
  • ürün yöneticileri
  • grafik tasarımcılar
  • dijital ürün ekipleriyle çalışan bilgisayar bölümü öğrencileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Arayüz tasarımına başlamak isteyen UX/UI tasarımcı adayları, ön yüz geliştiriciler, ürün yöneticileri, grafik tasarımcılar ve dijital ürün ekipleriyle çalışan öğrenciler için uygundur. Tasarım deneyimi şart değildir; temel bilgisayar kullanımı yeterlidir.
Figma ücretsiz mi, lisans gerekiyor mu?
Figma'nın bireysel kullanım için ücretsiz bir planı vardır ve eğitim boyunca bu plan yeterlidir. Ücretsiz hesap ve bir tarayıcı ya da masaüstü uygulamasıyla tüm alıştırmalar yapılabilir; kurumsal ihtiyaçlar ayrı değerlendirilir.
Auto Layout ve bileşenler öğretiliyor mu?
Evet. Ana bileşen ve örnekler, variant ve özellikler, Auto Layout ve değişkenlerle tasarım sistemi mantığı ikinci günün tamamını kaplar. Bu konular tutarlı, ölçeklenebilir ve bakımı kolay arayüzler kurmanın temelidir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Tek bir uygulama arayüzü Figma'da sıfırdan tasarlanır ve her özellik bu proje üzerinde uygulanır. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve Figma'da tasarlanıp prototiplenen arayüz projesini belgeler; kurumsal gruplara özel uyarlama yapılabilir.

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. 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ıAMA2034 Innovation and Design Thinking Certificate Program Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

AMA2034 Innovation and Design Thinking Certificate Program Eğitimi

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

Çift Elmas süreci, Design Thinking, iş modeli ve değer önerisi tuvaliyle inovasyonu uçtan uca yönetmeyi öğreten sertifika programı eğitimi.

Detayları Gör →
UX/UI TasarımıBCS Practitioner Certificate in User Experience (UX) Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

BCS Practitioner Certificate in User Experience (UX) Eğitimi

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

Kullanıcı araştırması, bilgi mimarisi, etkileşim tasarımı, erişilebilirlik ve kullanılabilirlik testiyle uçtan uca UX uygulamayı öğreten eğitim.

Detayları Gör →
UX/UI TasarımıCloudOps Automation: Designing & Prototyping Solutions Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

CloudOps Automation: Designing & Prototyping Solutions Eğitimi

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

CloudOps otomasyon çözümlerini tasarlayıp Terraform, CI/CD ve GitOps ile prototipleyerek üretime hazır hale getirmeyi öğreten uygulamalı eğitim.

Detayları Gör →
UX/UI TasarımıComplex Prototypes Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Complex Prototypes Eğitimi

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

Figma'da değişken, koşullu mantık, etkileşimli bileşen ve akıllı animasyonla gerçek ürün gibi davranan ileri prototipler kurmayı öğreten eğitim.

Detayları Gör →
UX/UI TasarımıCreating a Prototype & Using Menus Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Creating a Prototype & Using Menus Eğitimi

3 günBaşlangıçOnline / Yüz Yüze / Hibrit

Figma'da ilk tıklanabilir prototipi kurmayı, ekran bağlamayı ve gezinme çubuğu, açılır, hamburger menü gibi desenleri öğreten başlangıç eğitimi.

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

Design Thinking Essentials Eğitimi

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

Tasarım odaklı düşünce giriş eğitimi: empati, tanımlama, fikir üretme, prototip ve test aşamaları küçük bir örnek üzerinde uygulamalı anlatılır.

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