.jpg)
.png)
.png)
.png)
.webp)
%20(4).webp)
%20(3).webp)
.webp)
.webp)
.webp)
%20(1).webp)
.png)
.png)
.png)
.png)
explore. build. grow.
15 Ekim 2026
Tasarım Koda Geçerken Ne Kayboluyor? AI ile Otomatik QA
Yapay Zeka Destekli
15 Ekim 2026
Tasarım Koda Geçerken Ne Kayboluyor? AI ile Otomatik QA
Figma'da onayladığımız ekran, canlıya çıktığında çoğu zaman aynı ekran olmuyor. Spacing kayıyor, bir state unutuluyor, boş durum hiç çizilmemiş oluyor. Bu oturumda Seymen Şimşek, tasarım ile geliştirme arasındaki bu farkı yapay zekaya nasıl kontrol ettirdiğini anlatıyor ve akışı canlı olarak kuruyor.
Orta Seviye
20:00-21:00
Ders Saati
1
Ders Saati
1
Ders
Figma
TRY
Ücretsiz
Sertifika
İş Birliğiyle
yAPAY ZEKA Araçları
Eğitimde Kullandığımız Yapay Zeka Araçları
No items found.
eğitmenler
Eğitmenlerimiz
Seymen Şimşek
Product Designer, Loodos
- Tasarım Koda Geçerken Ne Kayboluyor? AI ile Otomatik QA
EĞİTİM NELERİ İÇERİYOR
Eğitimde Neler Var?
01
Eğitim Hakkında
Nedir?
Tasarım dosyası teslim edildikten sonra kimse tek tek karşılaştırmıyor. Tasarımcı "bu benim işim değil artık" diyor, geliştirici zaten koda bakıyor, QA ekibi fonksiyonu test ediyor. Arada kalan şey arayüzün kendisi oluyor.
Sonuç tanıdık: 16 piksel olması gereken boşluk 12 olmuş, hover state unutulmuş, uzun metinde kart taşıyor. Bunlar tek tek küçük. Toplandığında ürünün baktığınızda "bir yeri eksik" hissi veren hali çıkıyor ortaya.
Son bir yılda bu işi otomatikleştiren araçlar ciddi olgunlaştı. Figma'daki referans tasarımla geliştirme çıktısını yapay zeka desteğiyle karşılaştıran akışlar kurulabiliyor. Bu oturumda layout ve görsel farkları çıkaran, bulguları değerlendiren böyle bir akışı canlı çalıştırıyoruz.
Konuyu kitaptan değil sahadan anlatıyoruz. Seymen bu problemi daha önce şirket içi bir workshop'ta ele aldı, üç günlük süreçte ihtiyacı kapsayan çalışan bir ürün çıktı. Oturumda yapay zeka destekli review'un nasıl yapıldığını kendi kullandığı skill ve yöntem üzerinden gösteriyor. Neyin işe yaradığını da nerede duvara tosladığını da birinci elden aktarıyor.
Bu oturumda konuştuklarımız
- Handoff sonrası en sık kaybolan şeyler ve bunların neden gözden kaçtığı
- Görsel karşılaştırmanın nasıl çalıştığı, AI'ın buraya ne kattığı
- Figma tasarımı ile geliştirme çıktısını karşılaştıran bir akışın kurulması
- Otomatik kontrolün yakalayamadığı şeyler ve yanlış alarm sorunu
- Bu akışı ekipte kim kurar, ne zaman çalıştırır, raporu kim okur
02
Eğitim Hakkında
Kimler Katılabilir?
- Tasarımını teslim ettikten sonra sonucu takip etmek isteyen UI/UX ve Product Designer'lar
- Tasarım sistemi kuran, tutarlılığı ölçmekte zorlanan ekipler
- Tasarımcıyla sürekli "bu böyle miydi" yazışan frontend geliştiriciler
- Arayüz hatalarını manuel yakalamaya çalışan QA uzmanları
- Ekibinde tasarım-geliştirme uyumu derdi olan takım liderleri ve Product Manager'lar
- Handoff sürecini yeniden kurgulamayı düşünen tasarım yöneticileri
03
Temeller
Ne Öğreneceksiniz?
- Tasarım ile canlı ürün arasındaki farkın nerede ve neden oluştuğunu tespit etmek
- Görsel regresyon testinin mantığını ve klasik QA'den ayrıldığı noktayı anlamak
- Figma'daki referans ekranı geliştirme çıktısıyla karşılaştıran bir akış kurmak
- Yapay zekanın "bu fark önemli mi" kararını nasıl verdiğini ve nerede yanıldığını değerlendirmek
- Yanlış alarmları ayırt etmek, hangi farkı ciddiye almak gerektiğine karar vermek
- Çıkan raporu tasarımcının anlayacağı dile çevirmek
04
Temeller
Ön Koşullar
Teknik önkoşul yok. Figma'ya temel aşinalık yeterli. Bir ürün ekibinde tasarım teslim süreci görmüş olmak içeriği daha anlaşılır kılıyor. Katılımcıların herhangi bir aracın ücretli sürümüne sahip olması gerekmiyor; kurulum ve demo eğitmen ekranından canlı yapılıyor.
05
Temeller
Eğitim Programı
1. Teslim Ettik, Sonra Ne Oldu? (8 dk)
- Figma'daki ekranla canlıdaki ekranın yan yana hali
- En sık kaybolanlar: spacing, state'ler, boş ve hata durumları, uzun metin
- Bu farkı bugün kim yakalıyor (ve neden yakalayamıyor)
- Küçük sapmaların üst üste binmesi
2. Makine Neye Bakıyor? (12 dk)
- Piksel karşılaştırması, yapısal karşılaştırma, anlamsal karşılaştırma
- Klasik QA fonksiyonu test ederken arayüzün nasıl dışarıda kaldığı
- AI'ın işe girdiği yer: "fark var" ile "bu fark önemli" arasındaki ayrım
- 2026'da sahada kullanılan araçların hızlı turu
3. Canlı Demo: Referanstan Rapora (20 dk)
- Figma'dan referans ekranı almak
- Development çıktısının karşılık gelen halini almak
- Layout ve görsel review'u çalıştırmak
- Çıkan raporu değerlendirmek: neyi ciddiye alıyoruz, neyi geçiyoruz
4. Nerede Tıkanıyor? (10 dk)
- Dinamik içerik, animasyon, farklı ekran boyutları
- Tasarım sistemi olmayan üründe bu işin zorluğu
- Sahada denerken çarptığımız duvarlar
5. Ekipte Kurmak ve Sorular (10 dk)
- Kim sahiplenir: tasarımcı mı, frontend mi, QA mı
- Hangi sıklıkta çalışır, raporu kim okur
- Küçük bir ekipte yarın sabah atılacak ilk adım
- Bu yaklaşımın nereye genişleyebileceği: PR ve CI kontrolleri, BA ve QA ekiplerinde kullanım
- Katılımcı soruları
Ücretlendirme
Program Ücreti
EĞİTİM ÜCRETİ
Tasarım Koda Geçerken Ne Kayboluyor? AI ile Otomatik QA
KDV Dahildir
Anlaşmalı Olduğunuz Bankaya Göre Seçilen Taksit Sayısı ve Vade Farkı Değişmektedir.
Katılım veya Başarı Sertifikası verilmektedir
TRY
TRY
Kayıt Ol
Kurumunuza Özel Tasarlanmış Eğitimler
Bu eğitimi kurumunuzun ihtiyaçlarına göre özelleştirerek sınıf içi veya online bir eğitim tasarlayabiliriz. Daha fazla bilgi için bize ulaşın.
Öğrenci yorumlar
Mezunlar Ne Diyor?
Lorem ipsum dolor sit amet, consectet adipiscing elit. Phasellus feugiat lacus vitae neque ornare, adipiscing lacus vitae libero!
Antonia Jonathan
UX Designer
@Hepsiburada
Lorem ipsum dolor sit amet, consectet adipiscing elit. Phasellus feugiat lacus vitae neque ornare, adipiscing lacus vitae libero!
Antonia Jonathan
UX Designer
@Hepsiburada
Lorem ipsum dolor sit amet, consectet adipiscing elit. Phasellus feugiat lacus vitae neque ornare, adipiscing lacus vitae libero!
Antonia Jonathan
UX Designer
@Hepsiburada
No items found.
eğitimler
Fırsatlı Paketleri İnceleyin
Online Eğitim
Yeni Eğitim
20 Eylül - 8 Aralık 2023
Yazılım Geçmişi Olmayanlar için Yazılım Eğitimi
Donec convallis magna non sem vulputate, et finibus massa commodo. Lorem ipsum dolor sit amet, consectetur.
Online Eğitim
Yeni Eğitim
20 Eylül - 8 Aralık 2023
Yazılım Geçmişi Olmayanlar için Yazılım Eğitimi
Donec convallis magna non sem vulputate, et finibus massa commodo. Lorem ipsum dolor sit amet, consectetur.
Online Eğitim
Yeni Eğitim
20 Eylül - 8 Aralık 2023
Yazılım Geçmişi Olmayanlar için Yazılım Eğitimi
Donec convallis magna non sem vulputate, et finibus massa commodo. Lorem ipsum dolor sit amet, consectetur.
No items found.
eğitimler
İlgili Eğitimimizi Keşfedin
No items found.
eğitimler
En Yakın Eğitimlerimizi Keşfedin
Video Eğitim
Yeni Eğitim
20 Eylül - 8 Aralık 2023
Yazılım Geçmişi Olmayanlar için Yazılım Eğitimi
Donec convallis magna non sem vulputate, et finibus massa commodo. Lorem ipsum dolor sit amet, consectetur.
Online Eğitim
Yeni Eğitim
20 Eylül - 8 Aralık 2023
Yazılım Geçmişi Olmayanlar için Yazılım Eğitimi
Donec convallis magna non sem vulputate, et finibus massa commodo. Lorem ipsum dolor sit amet, consectetur.
Online Eğitim
Yeni Eğitim
20 Eylül - 8 Aralık 2023
Yazılım Geçmişi Olmayanlar için Yazılım Eğitimi
Donec convallis magna non sem vulputate, et finibus massa commodo. Lorem ipsum dolor sit amet, consectetur.
S.S.S.
Sıkça Sorulan Sorular
Bireysel/Kurumsal toplu alımlarda indirim yapıyor musunuz?
Evet indirimlerimiz mevcuttur, detaylı bilgi için sertan@brick.institute'a mail atabilirsiniz.
Eğitimlerde öğretilen programlar nelerdir?
Genellikle web uzantıları olan “Miro” ve “Figma” programlarını kullanıyoruz. Bu tercihimizin sebebi herkesin bu uygulamalara kolayca erişebilmesidir.
Her eğitimde proje yapılıyor mu? Proje değerlendirmeleri nasıl gerçekleştiriliyor?
Evet, her eğitimde proje veriliyor. Başarı belgesi almak için proje yapmak zorunlu iken, katılım belgesi için zorunlu değildir. Eğitim bittikten sonra o dersin tüm eğitmenleri proje sunumlarına katılıyor. Belirli bir süre zarfında sizin sunumunuza eğitmenler yorum yapıyor.
Farklı bir sektörden geliyorum ve UI/UX alanında ilerlemek istiyorum. Bu konuyla ilgili bir geçmişim olmasa da eğitimlerinizden faydalanabilir miyim?
Evet faydalanabilirsiniz. Farklı alanlardan gelip, bizim eğitimlerimizle UI/UX alanlarına adım atan çok sayıda başarılı katılımcımız bulunmakta.
Eğitimlerinize katılan kişiler için iş/staj ayarlama konusunda destek veriyor musunuz?
Katılımcılarımıza iş ya da staj imkanı sağlamak gibi bir olanağımız bulunmamakta. Ancak çatımız altında veya işbirliği yaptığımız firmalarda bu alanlarda açıklık olması durumunda katılımcılarımıza yönlendirme yapabilmekteyiz.
Eğitimlerinizin gün ve saatleri çalışan kişiler için uygun mudur?
Bireysel eğitimlerimiz genellikle hafta içi akşamları ve seyrek olarak da hafta sonu gün içerisinde yapıldığından, çalışan kişiler için de uygun olacak şekilde dizayn edilmiştir.
Engelliler için burslu kontenjanınız var mı?
Engelli kontenjanımız var, istediğiniz eğitimlerde geçerlidir. Engelli raporunuz ve seçtiğiniz eğitimi belirterek sertan@brick.institute adresine mail atmanızı rica ediyoruz.
Eğitim kayıtlarını paylaşabiliyor musunuz?
Kayıtları her eğitimden sonra 7 gün içinde izleyebileceğiniz şekilde paylaşabiliyoruz.
Eğitim seçimi konusunda destek oluyor musunuz?
Hangi eğitimi alacağınızdan emin değilseniz sertan@brick.institute adresine sorularınızı iletebilirsiniz.
İş deneyimi nedir? Süreç nasıl ilerleyecek?
İş Deneyimi: Program sonucunda başarılı bulunan katılımcılarımız, 2 ay boyunca Userspots ekiplerinden birinde projelere dahil olarak iş deneyimi edinme hakkı kazanmış olacak.
Katılım/Başarı belgesi ne şartlarda veriliyor? Ne zaman gönderiliyor.
Eğitimin sonunda eğer herhangi bir proje sunmazsanız ve derslere %80 katılım gösterirseniz katılım belgesi veriliyor. Projenizi sunup eğitmenlerimizden 70 puan aldığınızda katılım ve başarı belgesine sahip oluyorsunuz. 70 puan altında kaldığınızda bir sonra ki dönem projenizi tekrar sunma şansınız oluyor ve o zaman başarı belgesini alabiliyorsunuz.Belgelerinizi eğitim bittikten sonra 20 iş gününde online olarak mailinize gönderimini sağlıyoruz.
©2024 BrickInstitute-Userspots - Her hakkı saklıdır.
