Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

2026 Figma Eğitimi: Başlangıçtan Profesyonel Seviyeye

Name: 2026 Figma Eğitimi: Başlangıçtan Profesyonel Seviyeye
Rating: 4.7 (463 reviews)

Figma dersleri ile UI/UX ve Arayüz Tasarım becerilerinizi geliştirin, mobil/web tasarımında profesyonel seviyeye ulaşın!

Highest Rated

Created byEmre Can Tekgül

Last updated 3/2026

Turkish

Turkish [Auto],

What you'll learn

UI/UX stratejilerini öğrenecek ve Figma ile web sitesi ve mobil uygulama tasarımı yeteneklerinizi geliştirerek kullanıcı dostu projeler oluşturacaksınız
Figma'nın öne çıkan Components, Component Properties, Auto Layout, Variant, Variant Properties, Variables, Styles gibi özelliklerini hızla öğreneceksiniz
Design System, Local Variables ve Design Token kullanımını benimseyerek, projelerinizdeki tasarım süreçlerini daha tutarlı ve verimli hale getireceksiniz
Yaratıcı prototipler oluşturarak tasarım fikirlerinizi etkileşimli bir şekilde paylaşacak ve geri bildirim alabileceksiniz
İşinize değer katarak ve UI/UX tasarımı alanında kendinizi geliştirerek, göz alıcı projelerle dikkatleri üzerinize çekeceksiniz
Figma'yı ve diğer kaynakları ustalıkla kullanarak, işletmeniz veya kişisel projeleriniz için profesyonel ve kullanıcı dostu portföyler hazırlayacaksınız
Sürekli güncellenen içerikler ile Figma'nın yeni özelliklerini hızlı bir şekilde öğrenip, en son versiyonlar ile güncel kalacaksınız
Bir takım ve topluluk ile birlikte çalışmayı öğreneceksiniz
Tasarımlarınızda kullanacağınız Renk, Tipografi ve İkon, Illustrasyon, Fotoğraf ve diğer öğeler için ilham ve kılavuzlara sahip olacaksınız
Faydalanabileceğiniz ve ilham alabileceğiniz yardımcı web sitelerini öğrenecek ve kendinizi geliştirmek için ek kaynaklar edineceksiniz

Course content

11 sections • 78 lectures • 10h 48m total length

UI ve UX Nedir?2:56
UI (Kullanıcı Arayüzü) ve UX (Kullanıcı Deneyimi) tasarımının modern dijital ürün geliştirme süreçlerindeki önemini ve aralarındaki farkları inceliyoruz.
Dijital Ürün Geliştirme Süreci - Fikirden Gerçeğe Dönüştürme6:59
Ürün geliştirme sürecinin temel adımlarının üzerinde durduğumuz bu derste, beş aşamalı ürün geliştirme sürecini örneklerle öğreniyoruz.
İyi Bir Kullanıcı Deneyiminin Özellikleri3:05

Figma'yı Tanıma1:51
Bu derste avantajları, özellikleri ve diğer detaylarıyla Figma'yı tanıyoruz.
Figma'da Kullanıcı Hesabı Oluşturmak4:53
Bu derste Figma'da kullanıcı hesabımızı oluşturuyoruz.
Figma Masaüstü Uygulamasını İndirme (Güncelleniyor - 2026)1:39
Bu derste Figma'nın masaüstü uygulamasını kullanmanın avantajlarını ve bilgisayarımıza nasıl kuracağımızı öğreniyoruz.
Figma'da Menüleri Tanıma ve Profil Ayarları (Güncelleniyor - 2026)8:20
Bu derste Figma'nın giriş arayüzündeki menüleri tanıyoruz ve profil ayarlarımızı nasıl yapacağımızı öğreniyoruz.
Figma'da Yeni Bir Takım Oluşturma ve Takım Yönetimi (Güncelleniyor - 2026)5:34
Bu derste Figma'da takım oluşturmayı, takım - takım projesi - dosya ve sayfaların hiyerarşik oluşturulma prensiplerini ve takımlarımızı yönetmeyi öğreniyoruz.
Figma'da Tasarım Dosyası Oluşturma ve İç Menüler (Güncelleniyor - 2026)10:19
Bu derste Figma'da tasarım dosyaları oluşturmayı öğrenirken, tasarım dosyalarındaki sidebar ve menüleri tanıyoruz.
Split Tab (Bölünmüş Sekme) Kullanımı (Güncelleniyor - 2026)3:05
Bu derste Figma'nın aynı anda farklı tasarım dosyalarını tek bir pencerede görüntüleyebileceğimiz "Split Tab" yani Bölünmüş Sekme özelliğini öğreniyoruz.
Figma'yı Ücretli ve Ücretsiz Kullanım Rehberi (Güncelleniyor - 2026)4:57
Bu derste Figma'nın ücretli ve ücretsiz kullanımlarının avantajlarını, farklarını ve tüm planların özelliklerini öğreniyoruz.
Fotoğraflar ve Vektörel Nesneleri Tanıma ve Farklarını Anlama (Güncelleniyor)2:17
Bu derste fotoğraflar (bitmap/piksel tabanlı grafikler) ile vektörel nesneler arasındaki farkları konuşuyoruz.

Figma Community (Figma Topluluğu) (Güncelleniyor - 2026)6:03
Bu derste Figma'nın topluluk platformu olan Community'i tanıyarak, projelerimizi nasıl paylaşacağımızı, nasıl gelir modeli yaratabileceğimizi ve tasarım dosyalarımız için nasıl geri bildirim alabileceğimizi konuşuyoruz.
Version History (Sürüm Geçmişi) Kullanımı (Güncelleniyor - 2026)3:19
Bu derste Figma'nın Version History yani Sürüm Geçmişi özelliğini tanıyoruz.
Tasarım Dosyalarını Paylaşma ve Linkleri Yetkilendirme (Güncelleniyor - 2026)3:50
Bu derste tasarım dosyalarımızı, sayfalarımızı ve tasarımlarımızın belirli bölümlerini nasıl paylaşacağımızı ve paylaştığımız linkleri yetkilendirmeyi öğreniyoruz.
Tasarım Öğelerini ve Dosyaları Import (İçe Aktarma) ve Export (Dışa Aktarma)6:27
Bu dersimizde Tasarım öğelerini ve Figma dosyalarımızı dışa ve içe aktarma seçeneklerini inceliyoruz. Ayrıca eğitim boyunca kaynak olarak kullanacağımız .fig uzantılı dosyaları hesabımıza nasıl ekleyeceğimizi öğreniyoruz.
FigJam: Beyaz Tahta ve İş Birliği Platformu (Güncelleniyor - 2026)12:30
Bu derste Figma'nın FigJam arayüzünü ve FigJam'in güçlü araçlarını tanıyacak, FigJam'de yapay zeka desteğiyle şablonlar, temalar ve yaratıcılığınızı arttıracak içerikler oluşturmayı öğreneceğiz.
Dev Mode (Geliştirme Modu): Kodlama, Geliştirici ve İş Birliği Platformu4:34
Bu dersimizde Figma'nın yazılım geliştiricileriyle iş birliği yaptığımız platformu Dev Mode yani Geliştirme Modu'nu tanıyoruz.
Figma Slides: Sunum ve Paylaşım Platformu (Güncelleniyor - 2026)5:16
Bu derste Figma’nın içinde slayt sunumları hazırlayabilmemizi ve sunmamızı sağlayan Figma Slides özelliğini tanıyoruz.
FigJam ile Kurs Projemizin User Flow (Kullanıcı Akışı)'nı Oluşturuyoruz8:26
Bu derste, kurs projemizin User Flow yani Kullanıcı Akışını FigJam ile nasıl oluşturacağımızı öğreniyor, hem projemizin akış şemasını belirlemiş, hem de bu akışta kullanıcıların adım adım uygulamamızın başlangıcından final işlemine kadar olan yolculuğunu şema halinde görselleştirmiş oluyoruz.
Kurs Projesi 1: FigJam ile Kurs Projesinin User Flow'unu Oluşturun

Move Tools (Taşıma Araçları) → Move, Hand Tool, Scale4:57
Bu derste Figma'nın Move Tools (Taşıma Araçları)'ndaki Move, Hand Tool ve Scale'i tanıyoruz.
Region Tools (Alan Araçları) → Frame, Section, Slice11:25
Bu derste Figma'nın Region Tools (Alan Araçları)'ndaki Frame, Section ve Slice'ı tanıyoruz.
Shape Tools (Şekil Araçları) → Rectangle, Line, Arrow, Ellipse, Polygon, Star11:05
Bu derste Figma'nın Shape Tools (Şekil Araçları)'ndaki Rectangle, Line ve Arrow'u tanıyoruz.
Creation Tools (Oluşturma Araçları) → Pen, Pencil7:05
Bu derste Figma'nın Creation Tools yani Oluşturma Araçlarındaki Pen ve Pencil Tool'u tanıyoruz. Örnekler ile öğrendiklerimizi pekiştiriyoruz.
Text Tool (Yazı Aracı)11:02
Bu derste Figma'nın Text Tool yani Metin Aracını tanıyoruz.
Comment Tool (Yorum Aracı) ve Cursor Chat (İmleç Sohbeti)5:13
Bu derste Figma'nın etkileşim sağlamamıza yardımcı olan Comment Tool (Yorum Aracı)'nı ve Cursor Chat (İmleç Sohbeti) araçlarını tanıyoruz.
Figma Toolbar (Araç Çubuğu) - Bölüm Sonu Testi

Figma'da Plugins (Eklentiler) ve Widgets (Araçlar)'ın Kurulumu ve Kullanımı6:03
Bu dersimizde iş süreçlerimizi kolaylaştıran Plugins yani Eklentiler ve Widgets yani Araçlar'ın kurulumunu ve kullanımını konuşacağız.
Makale: Faydalı Plugin Tavsiyeleri ve Kullanım Amaçları7:00
Bu makalede tasarım süreçlerinizi iyileştirecek ve iş süreçlerinizi kolaylaştıracak faydalı eklenti tavsiyeleri alacak ve kullanım amaçlarını öğreneceksiniz.
Layers (Katmanlar)'ın Kullanımı5:38
Bu dersimizde tasarım dosyalarımızdaki tüm parçaları düzenlememize, sıralamamıza ve yönetmemize yardımcı olan Layers yani Katmanlar'ı ve çalışma prensiplerini tanıyoruz.
Frame'lerle Katman Gruplama ve Rename (Yeniden İsimlendirme) Aracının Kullanımı6:19
Bu dersimizde Frame yani Çerçeveler kullanarak katmanlarımızı nasıl gruplayacağımızı ve Rename yani Yeniden İsimlendirme aracıyla toplu isimlendirme işlemlerini nasıl gerçekleştireceğimizi öğreneceğiz.
Find-Replace (Bul-Değiştir) Özelliğinin Kullanımı3:11
Bu dersimizde katmanlarımızdaki Find-Replace yani Bul-Değiştir özelliğini tanıyoruz ve tasarım dosyalarımızda herhangi bir nesneyi veya text'i nasıl kolayca bulup değiştireceğimizi öğreniyoruz.
Multi-Edit (Çoklu Düzenleme) Özelliğinin Kullanımı7:30
Bu derste Figma’nın birden fazla bileşeni aynı anda düzenlememize yarayan Multi-Edit yani çoklu düzenleme özelliğini farklı senaryolar üzerinde kullanmayı öğreniyoruz. Dersimizdeki örnek çalışma dosyasını pratik yapabilmek için kaynaklardan indirebilirsiniz.
Mask (Maske) Kullanımı3:44
Bu derste Mask yani Maske kullanımını farklı örnekler kullanarak inceliyoruz. Ayrıca derste kullandığımız örnekleri ve fotoğrafları Figma dosyası olarak kaynaklardan indirerek pratik yapabilirsiniz.
Boolean Groups (Mantıksal Gruplar)'ın Kullanımı3:42
Bu dersimizde Boolean Groups özelliğini inceliyoruz. Çeşitli örnekler sayesinde karıştırma ve çıkartma seçeneklerini öğrenerek Mantıksal Grup kullanımını anlıyoruz. Derste kullandığımız örnek dosyaya kaynaklardan ulaşabilir ve pratikler yapabilirsiniz.
Alignment (Hizalama) Araçları, Nudge Amount ve Rulers (Cetveller)'in Kullanımı13:19
Bu dersimizde Alignment yani Hizalamala, Nudge Amount yani Hareket Mesafesi ve Rulers yani Cetvellerin, nasıl kullanılacağını ve tasarımlarımızda kullandığımız nesneleri doğru bir şekilde nasıl hizalayacağımızı farklı senaryolar üzerinde öğreniyoruz. Dersin Figma dosyasını pratikler yapabilmek için kaynaklardan indirebilirsiniz.
Corner Radius (Köşe Yarıçapı) Özelliğinin Kullanımı5:51
Bu derste bir şeklin, butonların veya görsellerin köşelerini yumuşatmak veya yuvarlatmak için kullandığımız Corner Radius yani Köşe Yarıçapı özelliğini konuşacağız. Dersin Figma dosyasını kaynaklardan indirebilir, köşe yumuşatma için pratikler yapabilirsiniz. Derste kullandığımız hesaplayıcı aracı: https://playground.eddydezuraud.com/craft/radius-master
Fill (Dolgu) Özelliğinin Kullanımı → Solid, Gradient, Image, Video9:50
Bu derste çalışmalarımızdaki nesnelerin içini renk, gradyan, desen veya görsellerle doldurmamızı sağlayan Fill yani dolgu özelliğini tanıyoruz. Farklı örnekler üzerinde dolgu özelliğinin kullanımlarını inceliyoruz. Dersin Figma dosyasını kaynaklardan indirebilirsiniz.
Image Fill Modes (Görsel Doldurma Modları) ve Fotoğraf Düzenleme Ayarları5:18
Bu derste Figma dosyamıza eklediğimiz fotoğrafların doldurma modlarını ve temel fotoğraf düzenleme ayarlarını öğreneceğiz.
Blend Mode (Karışım Modu) Kullanımı5:21
Bu derste dosyamızdaki iki veya daha fazla katmanın birbiriyle nasıl etkileşime gireceğini belirleyen Blend Mode yani Karışım Modu'nu konuşacağız.
Stroke (Çizgi) Özelliğinin Kullanımı7:38
Bu derste nesnelerin kenarlarına çizgiler ekleyerek daha fazla vurgu kazandırmamıza yardımcı olan Stroke yani Çizgi özelliğini konuşacağız. Dersin Figma dosyasını kaynaklardan indirebilirsiniz.
Effects (Efektler) → Inner Shadow, Drop Shadow, Layer Blur, Background Blur8:42
Bu dersimizde Effects (Efektler) ile Inner Shadow (İç Gölge), Drop Shadow (Düşen Gölge), Layer Blur (Katman Bulanıklaştırma), Background Blur (Arka Plan Bulanıklaştırma) özelliklerini ve kullanımlarını örneklerle inceledik. Kaynaklardan derste kullandığımız Figma dosyasını indirerek pratikler yapabilirsiniz.

Responsive Tasarımı Tanıma ve Auto Layout'un Önemi10:07
Bu derste Responsive Design yani Duyarlı Tasarımı tanıyacağız ve Figma’nın en önemli özelliklerinden biri olan Auto Layout yani Otomatik Düzen'in Responsive tasarımdaki yerini konuşacağız.
Tasarıma Başlarken Ekran Boyutlarını Seçmek ve Breakpoints Kullanımı10:08
Bu derste Responsive Tasarımlarımızı oluştururken ekran boyutlarımızı nasıl seçtiğimizi ve farklı cihazlar için Breakpoints yani Kırılma Noktalarını konuşacağız.
Tasarımda Tutarlılık: 4'lü ve 8'li Boşluk Sistemi6:00
Bu derste arayüz tasarımlarında düzeni ve tutarlılığı sağlamak için kullanılan 4'lü ve 8'li boşluk sistemini tanıyacak, 4’lü boşluk sistemini kullanarak örnek bir sayfa düzeni oluşturacağız.
Egzersiz: Sayfa Üzerinde 4'lü Boşluk Sistemi Kullanarak Öğeleri Yerleştirin
Layout Grid (Düzen Izgarası) Kullanımı14:21
Bu dersimizde Layout Grid (Düzen Izgarası)'nı tanıyoruz. Ayrıca Bootstrap kütüphanesi ve Container yapılarını da anlayarak örnekler yardımıyla farklı ekranlar için responsive düzen ızgaraları oluşturuyoruz. Kaynak dosyalarda derste kullanmış olduğumuz Figma dosyasına ulaşabilir ve ekranlara düzen ızgaraları ekleyerek pratik yapabilirsiniz.
Temel Auto Layout Kullanımı ve Ayarları11:54
Bu dersimizde Figma'nın öne çıkan ve en önemli özelliklerden biri olan Auto Layout yani Otomatik Düzen'i tanıyoruz. Auto Layout'un temel özelliklerini ve ayarlarını öğrenerek avantajlarını keşfediyoruz.
Auto Layout ile Oluşturulan Buton Bileşenlerinin Avantajları4:20
Bu dersimizde hem Auto Layout özelliğine sahip olan, hem de Auto Layout özelliğine sahip olmayan Buton bileşenleri oluşturarak otomatik düzenin avantajlarını görmüş olacağız.
Auto Layout İçinde Min/Max Genişlik ve Yükseklik Kullanımı8:13
Bu dersimizde Auto Layout’un Minimum ve Maximum Width (Genişlik) ve Height (Yükseklik) özelliğini konuşacağız ve örnek bir Responsive Haber Kartı oluşturarak Maximum ve Minimum genişlik değerleri uygulayacağız. Dersin Figma dosyasını kaynaklardan indirebilir ve pratik yapabilirsiniz.
Egzersiz: Max/Min Width-Height Özelliğini Kullanarak Responsive Kart Oluşturun
Gelişmiş Auto Layout Ayarları - Strokes, Canvas Staking, Align Text Baseline5:14
Bu dersimizde, Strokes, Canvas Staking ve Align Text Baseline gibi gelişmiş ayarlarını farklı örnekler üzerinde kullanmayı öğreneceğiz. Dersin Figma dosyasını kaynaklardan indirebilir ve pratik yapabilirsiniz.
Ignore Auto Layout (Otomatik Düzeni Yoksay, Mutlak Pozisyon) Kullanımı3:06
Bu derste Auto Layout'un özelliklerinden biri olan "Ignore Auto Layout" yani "Otomatik Düzeni Yoksay" seçeneğini konuşuyoruz. Dersimiz boyunca, kapatma ikonları üzerinde örnek uygulamalar yaparak Ignore Auto Layout kullanımını pekiştireceğiz. Bu derste çalıştığımız örneklere ait Figma dosyasını kaynaklardan indirerek pratik yapabilirsiniz.
Constraints (Kısıtlamalar) Kullanımı4:02
Bu derste tasarım çerçevelerimizin içindeki bir veya birden fazla öğenin çerçeve içindeki yerleşimini ve nasıl davranacağını belirleyen Constraints yani Kısıtlamaları konuşuyoruz.
Auto Layout ve Constraints ile Responsive Tablo Yapımı (Güncelleniyor)10:09
Bu dersimizde Auto Layout ve Constraints özelliklerini kullanarak Desktop ekran için Responsive yani yeniden boyutlandırılabilir bir tablo oluşturacağız. Derste çalıştığımız Figma dosyasını kaynaklardan indirebilir, pratik yapmak için aynı şekilde bir tablo oluşturabilirsiniz.

Temel Component Özellikleri → Master Component (Ana Bileşen), Instance (Kopya)9:43
Bu dersimizde Component yani Bileşenlerin temel özelliklerini, Master Component (Ana Bileşen) ve Instance (Kopya) oluşturmayı ve yönetmeyi örneklerle öğreniyoruz.
Icon Components, Component Set Oluşturma ve Assets Paneli Kullanımı16:36
Bu dersimizde Icon'larımızı Component olarak kullanmayı, Component Setleri oluşturmayı, varyantları isimlendirmeyi ve Assets panelinin kullanımını öğreniyoruz. Derste oluşturduğumuz dosyayı kaynaklardan indirebilir ve keni componentlerinizi oluşturarak pratik yapabilirsiniz.
Variants (Varyantlar) ve Variant Properties (Varyant Özellikleri)15:14
Bu dersimizde Component'lerimizde Kullandığımız Variants (Türler)'in detaylı kullanımlarını inceliyoruz ve daha kapsamlı bir buton component seti oluşturarak özellikleri isimlendirmeyi öğreniyoruz. Bu ders için oluşturduğum buton setinin isimlendirilmemiş Figma dosyasını da pratik yapabilmek için kaynaklardan indirebilirisiniz.
Component Properties (Bileşen Özellikleri) → Boolean, Swap Instance, Text16:36
Bu dersimizde Component Properties özellikleri olan Boolean Property, Swap Instance Property ve Text Property'i inceliyor ve Component Properties özelliğini kullanarak örnek bir varyant buton oluşturuyoruz. Ayrıca Figma'nın Community'de bulunan "Component Properties Playground" Figma dosyasını ve dersimizde oluşturduğumuz Figma dosyasını kaynaklardan indirebilirsiniz.
Auto Layout ve Component ile Light Mode/Dark Mode Responsive Kart Yapımı10:54
Bu dersimizde öğrenmiş olduğumuz Auto Layout ve Component yapılarını kullanarak bir Responsive (Yeniden Boyutlandırılabilir) kart yapacağız. Ayrıca oluşturduğumuz kartlardaki; Light Mode (Aydınlık Mod) ve Dark Mode (Karanlık Mod) kavramlarının mantığını anlayarak Use of Modes for Variables (Değişkenler İçin Modların Kullanımı) dersimiz için de bir temel oluşturmuş olacağız. Dersimizdeki örneğin Figma dosyasına kaynaklardan ulaşabilir ve siz de örnekleri inceleyip aynı kart ve varyantları oluşturarak pratikler yapabilirsiniz.
Bölüm Sonu Testi

Prototip Nedir ve Nasıl Oluşturulur? (Güncelleniyor)12:23
Bu dersimizde prototip özelliğinin ne olduğunu ve temel kullanımını öğrenecek, örnek bir kullanım ile prototipleme mantığını anlayacağız. Dersimizde kullandığımız Figma projesini de kaynaklardan indirebilirsiniz.
Interactive Components (İnteraktif Bileşenler)'in Kullanımı (Güncelleniyor)4:03
Bu dersimizde Interactive Components yani İnteraktif Bileşenlerin kullanımını öğrenerek farklı sayfalar oluşturmadan nasıl tek sayfa içinde etkileşimli prototipler oluşturacağımızı öğreneceğiz. Dersin Figma dosyasını kaynaklardan indirebilirsiniz.
Prototipte Scroll Behaviors (Kaydırma Davranışları) → Position, Overflow5:07
Bu dersimizde Prototip davranışları olan Position yani pozisyon ve Overflow yani taşma konularını bir örnek üzerine inceleyerek dikey ve yatay kaydırma özellikli bir prototip oluşturacağız. Dersin Figma dosyasını kaynaklardan indirebilirsiniz.
Open-Close Overlay ve Text Scroll Özelliğinin Kullanımı (Güncelleniyor)15:58
Bu dersimizde sıfırdan bir Şifre girme ve Bottom-Sheet ekranı oluşturarak, Overlay ve Text Scroll prototip özelliğini tasarımımıza uygulamayı öğreniyoruz. Dersin Figma dosyasını kaynaklardan indirebilirsiniz.
Değişen Metin Animasyonu Yapımı (Güncelleniyor)5:17
Bu dersimizde Prototipin After Delay özelliğini kullanarak birlikte değişen metin animasyonu yapıyoruz. Projenin Figma dosyasını kaynaklardan indirerek pratik yapabilirsiniz.
Scroll To Özelliği ile One Page Sayfa Prototipi Oluşturma (Güncelleniyor)3:37
Bu dersimizde Scroll To özelliğini one page sayfa yapılarında kullanmayı öğreneceğiz. Dersin Figma dosyasını kaynaklardan indirebilirsiniz.
Variables (Değişkenler) → Boolean (Güncelleniyor)6:53
Bu dersimizde Variables yani Değişkenlerin bir türü olan Boolean özelliğini kullanarak örnek bir sipariş ekranında sepete ekle-çıkar prototipi yapmayı öğreniyoruz. Dersin Figma dosyasını kaynaklardan indirebilirsiniz.
Conditional Logic (Koşullu Mantık) ile İleri Seviye Prototipleme (Güncelleniyor)7:51
Bu dersimizde Conditional Logic yani Koşullu Mantık ile gelişmiş prototipleme özelliklerini inceliyoruz. Prototipimize koşullar ekleyerek belirlediğimiz koşullara göre aksiyonlarımızın sağlanmasını gerçekleştiriyoruz. Dersin Figma dosyasını kaynaklardan indirebilirsiniz.

Design System ve UI Kit Nedir? (Güncelleniyor)2:50
Bu dersimizde Design System ve UI Kit kavramlarını inceleyeceğiz, ardından Design System ve UI Kit arasındaki farkları öğreneceğiz. Ayrıca kaynaklara eklediğim design system ve UI Kit örneklerini inceleyerek kullanımlarına dair daha iyi bir anlayış elde edebilirsiniz.
Atomic Design System Nedir? (Güncelleniyor)2:37
Bu dersimizde Atomic Design System yapısını inceliyor ve oluşturulma mantığını öğreniyoruz. Kaynaklardan örnek Atomic Design System örneğini indirerek inceleyebilir ve daha iyi bir anlayışa sahip olabilirsiniz.
Renk Paletinin Local Styles (Yerel Stiller)'e Eklenmesi (Güncelleniyor)16:25
Bu dersimizde renk paletimizin nasıl isimlendirileceğini ve yerel kütüphanemize ekleyeceğimizi öğreniyoruz. Ayrıca bu renk kütüphanesinin Figma dosyasını da kaynaklardan indirebilirsiniz.
Tipografi Öğelerinin Local Styles (Yerel Stiller)'e Eklenmesi (Güncelleniyor)13:05
Bu dersimizde Design System oluşturmaya devam ediyoruz ve bu kez tipografi öğelerimizi yerel kütüphanemize eklemeyi öğreniyoruz. Ayrıca dersimizin giriş bölümünde öğrendiğimiz typeface, font ve typography kullanım bilgilerini ve stilleri de Figma dosyası olarak kaynaklardan indirebilirsiniz.
İkonların Design System'a Eklenmesi ve Component Olarak Kullanımı (Güncelleniyor8:45
Bu dersimizde ikonlar hakkında temel bilgileri öğrendikten sonra ikonların design system'a nasıl eklendiğini inceliyoruz. Ayrıca farklı ikon setleri ve plug-in'leri inceleyerek ikon kullanımlarına dair fikirler edineceğiz. Material Design Icons ve IconSax ikon setlerinin Figma dosyalarını da kaynaklardan indirebilirsiniz. Design System projemizde de ikonların eklenmiş hali yine kaynaklarda mevcut.
Butonların Design System'a Eklenmesi ve Component Olarak Kullanımı17:23
Bu dersimizde butonlar hakkında temel bilgileri edindikten sonra, component properties özeliğini kullanarak buton varyantlarımızı kütüphanemize eklemeyi öğreniyoruz. Dersteki buton kullanımlarına ait hazırladığım dosyayı ve Design System'imizin butonlar eklenmiş versiyonu ile Figma dosyasını kaynaklardan indirebilirsiniz.
Layout Grid'in Design System ve Local Styles'a Eklenmesi (Güncelleniyor)5:51
Bu dersimizde Grid yani Izgara Sistemlerimizin yerel kütüphanemize nasıl ekleneceğini ve kullanılacağını öğreniyoruz. Dersin Figma dosyasını kaynaklardan indirebilirsiniz.
Efektlerin Design System ve Local Styles'a Eklenmesi (Güncelleniyor)5:04
Bu dersimizde shadow efektini oluşturarak yerel kütüphanemize eklemeyi öğreniyoruz. Dersin Figma dosyasını kaynaklardan indirebilirsiniz.

Requirements

Temel düzeyde bilgisayar kullanma becerisi gereklidir
Deneyim gerekmez, sıfırdan başlayarak bilmeniz gereken her şeyi öğreneceksiniz
Daha önce hiçbir UX veya UI tasarımı bilgisine ihtiyacınız yoktur
Figma veya diğer tasarım araçlarını daha önce kullanmış olmanız gerekmez
PC veya Laptop (MacOS veya Windows işletim sistemi)

Description

Herkese merhaba!

Bu kurs, UI/UX tasarımının en güçlü aracı olan Figma’nın tüm özelliklerini kapsayan, piyasadaki en kapsamlı ve en güncel Türkçe Figma eğitim setidir.

Arayüz tasarımı, UI/UX stratejileri ve ürün tasarımı konularında sıfırdan uzmanlığa doğru bir yolculuğa çıkmaya hazır olun!

Kimler İçin Uygun?

UI/UX Tasarımına İlgi Duyanlar: Tasarım dünyasına adım atmak isteyen, Figma kullanarak profesyonel projeler yaratmayı hedefleyen herkes.

Profesyonel Kariyer Hedefleyenler: UI/UX, web ve mobil uygulama tasarımı alanlarında iş bulmak veya mevcut kariyerlerini ileri taşımak isteyenler.

Tasarımcılar ve Geliştiriciler: Figma’nın takım işbirliği araçlarını kullanarak daha verimli çalışmak isteyen profesyoneller.

Eğitimciler ve Ekip Liderleri: Takım yönetimi ve eğitim süreçlerinde Figma’nın en yeni özelliklerini kullanmak isteyenler.

Ürün Yöneticileri: Kullanıcı odaklı tasarım süreçlerini öğrenip ekiplerine rehberlik etmeyi amaçlayan ürün yöneticileri.

Hobi Amaçlı Öğrenenler: Kendi kişisel projelerini hayata geçirmek ve yaratıcı tasarımlar yapmak isteyen herkes.

Bu Figma kursu, UI/UX Tasarımı, Kullanıcı Arayüzü Tasarımı, Kullanıcı Deneyimi Tasarımı, Dijital Ürün Tasarımı, Web Tasarımı, Mobil Uygulama Tasarımı ve Grafik Tasarımı alanlarında iş bulmak, kariyerini bu alanlarda şekillendirmek veya mesleğinde uzmanlaşmak isteyen herkes için uygundur!

Bu Eğitim Sizin İçin Ne Sunuyor?

Tüm projelerinizi Figma’da sıfırdan tasarlayıp geliştirebileceğiniz bilgiler
Gerçek dünya uygulamalarıyla iş hayatında kullanılabilecek beceriler
UI/UX tasarımında profesyonel seviyeye ulaşma fırsatı

Hemen katılın ve Figma’yı baştan sona öğrenerek tasarımlarınızı bir üst seviyeye taşıyın!

Who this course is for:

UI ve UX tasarım alanında kariyer hedefleyenler
Kariyerini değiştirerek UI/UX mesleğini yapmak isteyenler
Arayüz Tasarımı yeteneklerini geliştirmek isteyen tüm seviyelerdeki tasarımcılar
Wireframe ve Prototipler kullanarak UX süreçlerini daha verimli hale getirmek isteyen Kullanıcı Deneyimi Tasarımcıları
Figma'nın güncel özelliklerini etkili şekilde kullanmak ve yeni gelen özellikleri takip ederek güncel kalmak isteyen tüm seviyelerdeki tasarımcılar
Figma kullanma becerilerini daha ileri seviyeye taşımak isteyen profesyoneller
Design System ve Design Token kullanımını tüm detaylarıyla öğrenmek isteyen tüm seviyelerdeki tasarımcılar
Başka bir tasarım aracından Figma'ya geçiş yapmak isteyen tasarımcılar (Örn. Adobe XD, Sketch vb.)
Dijital ürün fikirlerini görselleştirmek veya prototiplemek isteyen girişimciler
Kullanıcı deneyimini artırmak ve arayüz tasarımı süreçlerini iyileştirmek isteyen dijital ürün geliştiricileri
Projelerinde fark yaratmak isteyen ve dijital ürün arayüzü tasarımı süreçlerine tümüyle hakim olmak isteyen ekip liderleri, yazılım geliştiricileri veya ürün yöneticileri
Figma'yı sadece eğlence amaçlı kullanmak isteyenler

2026 Figma Eğitimi: Başlangıçtan Profesyonel Seviyeye

What you'll learn

Explore related topics

Course content

Giriş3 lectures • 13min

Figma'ya Başlarken (Güncelleniyor - 2026)9 lectures • 43min

Figma'da Diğer Tasarımcılar ve Ekiplerle Çalışma (Güncelleniyor - 2026)8 lectures • 50min

Figma Toolbar (Araç Çubuğu)6 lectures • 51min

Figma ile Tasarıma Başlamadan Önce15 lectures • 1hr 39min

Pratikle Öğrenme: Egzersizlerle Uygulama ve Pekiştirme Dersleri (Güncelleniyor)1 lecture • 6min

Responsive Design (Duyarlı Tasarım) Araçları: Auto Layout (Otomatik Düzen)11 lectures • 1hr 28min

Tutarlı Tasarım Araçları: Components (Bileşenler) ve Variants (Varyantlar)5 lectures • 1hr 9min

Temel ve İleri Seviye Prototip8 lectures • 1hr 1min

UI Kit ve Design System8 lectures • 1hr 12min

Requirements

Description

Who this course is for: