Istanbul | UI Design with Claude Workshop

Join a Claude Community Event, organized by local enthusiasts for everyone who loves building with Claude!

Bir arayüz üretmek artık saniyeler sürüyor. Sorun da tam burada başlıyor: herkes aynı saniyeleri yaşıyor ve ekranlar birbirine benziyor. Fark modelde değil, promptta. Sıradan bir ekranı kasıtlı bir ekrandan ayıran şey, promptun içinde yaptığınız birkaç hamledir. Çoğu kişi bu hamlelere hiç uzanmaz; yapay zekânın ürettiği ekranların hep aynı şablondan çıkmış gibi görünmesinin sebebi de budur.

Bu akşam o hamleleri tek tek, kendi ekranınız üzerinde çalıştıracağız. Bu bir tasarım dersi değil. Claude açık, ilk ekranınız on beş dakikada ortada.

Program

19:00 · Kapı açılışı, kayıt, tanışma. İkramlar, dizüstünüzü hazırlayın ve tasarlamak istediğiniz bir ekranı aklınızda netleştirin.

19:15 · Çerçeve: Tasarım Promptunun Anatomisi. Sıradan çıktıyı kasıtlı çıktıya çeviren hamleleri tek bir çerçevede topluyoruz. On beş dakikada bitirip sprintlere geçiyoruz.

19:30 · Sprint 1: Brief'ten İlk Ekrana. Gerçek bir ekran seçin, Claude'a referanslarınızı ve tasarım sisteminizi verin, ilk sürümü üretin.

Referans ve ton belirleme

Token seti: renk, tipografi, boşluk

İlk artifact'ı üretme ve okuma

Çıktı: Çalışan ilk ekranınız.

20:10 · Sprint 2: Yönlendirme ve Yineleme. İlk sürüm nadiren doğru sürümdür. Bu sprintte hamleleri uygulayıp ekranı kasıtlı hale getiriyoruz.

Hiyerarşiyi yeniden kurma, olumsuzlama ile keskinleştirme

Bölümlere farklı görsel diller verme

Eleştiri döngüsü: Claude ile geri konuşmak

Varyant üretme ve karşılaştırma

Çıktı: Yönlendirilmiş ikinci sürüm ve birkaç varyant.

20:45 · Kısa ara. İkramlar ve serbest networking.

21:00 · Sprint 3: Ekrandan Teslime. Tasarımı bitmiş gösteren detaylar burada toplanıyor: durumlar, responsive davranış ve teslim.

Boş, yükleniyor ve hata durumları

Responsive ve erişilebilirlik geçişi

Koda veya tasarım kanvasına taşıma

Çıktı: Teslime hazır ekran.

21:55 · Kapanış ve Networking. Toplu fotoğraf ve serbest sohbet.

Kimler katılmalı?

Tasarımcısı olmadan arayüz çıkarmak zorunda kalan herkes. Kod yazmanız gerekmiyor; bu akşam yönlendirmeyi öğreneceğiz.

Yanında tasarımcı olmadan ürün çıkaran kurucular ve ürün yöneticileri

UI üreten, ama çıktının kasıtlı görünmesini isteyen frontend geliştiriciler

Yapay zekâ ortağını yalnızca promptlamak yerine yönetmek isteyen tasarımcılar

"Daha iyi görünsün" yazıp sessizce hayal kırıklığına uğramış herkes

Seviye: Başlangıç ve Orta. Claude'u daha önce hiç kullanmamış olmanız sorun değil.

Yanınızda getirin

Dizüstü bilgisayar ve şarj adaptörü

Claude hesabı (Pro önerilir; ücretsiz sürümle de katılabilirsiniz)

Tasarlamak istediğiniz gerçek bir ekran fikri: bir landing page, bir dashboard, bir uygulama akışı. Ne kadar somut olursa çıktı o kadar iyi.

Dahil olan

İkramlar ve içecekler

Tasarım promptu şablonları ve hazır token kütüphanesi

Workshop sonrası kaynak rehberi

Neden bu etkinlik?

Çoğu yapay zekâ etkinliği seyirlik. Bu bir üretkenlik seansı. Akşam sonunda elinizde, kendi ürettiğiniz teslime hazır bir ekran ve tekrar tekrar kullanacağınız bir prompt çerçevesi olacak. Kontenjan sınırlıdır. Yerinizi ayırın.

Ev Sahibi

Fatih Güner · Claude Community Ambassador, Istanbul

13.000'den fazla profesyonele yapay zekâ eğitimi vermiş, Türkiye'nin en aktif AI topluluğunun kurucusu. Solopreneur'lardan kurumsal ekiplere kadar geniş bir yelpazede AI dönüşüm programları tasarlıyor.

Bu etkinlik, Anthropic'in Claude Community Ambassador Programı kapsamında düzenlenmektedir. Katılım ücretsizdir.