Sketch to Flow’da fikirleri tasarıma dönüştürmeyi konuştuk.

Bu kez, o fikirleri kodla akıtan bir deneyimin içindeyiz.

Flowstate, tasarımcının üretimle kurduğu bağı yeniden tanımlıyor.

Kodu bir teknik değil, bir his olarak ele alıyor.

Ritmi, rengi, hiyerarşiyi satırlarda arıyoruz.

Bu workshop, tasarımcıyı korkudan meraka, izleyiciden üreticiye taşıyor.

AI destekli üretimin içindeki sezgiyi, akışı ve enerjiyi birlikte keşfediyoruz.

🧩 1. Bölüm — Vibe Coding Nedir?

Süre: 30 dk

Ruh: “Play → Build → Reflect”

Kod, artık sadece bir mühendislik dili değil.

Görsel prensiplerin, tasarım alışkanlıklarının, sezgilerin bir uzantısı.

Bu oturumda “vibe coding” kavramı üzerine konuşuyoruz.

Kodun, tasarımın ritmini nasıl taşıdığını gösteriyoruz.

Kısa bir ekosistem turu:

Cursor, v0.dev, Bolt.new, Claude Artifacts, ChatGPT Canvas.

“Tool değil, düşünme biçimi önemlidir.”

🎯 Katılımcı paylaşımı:

“Kod deyince aklına ne geliyor?”

İlk kırılma burada başlıyor.

⚡️ 2. Bölüm — Prompt ile Buton Deneyi

Süre: 25 dk

Ruh: Deney yap, karşılaştır, hisset.

“Create a rounded button with gradient hover effect using Tailwind.”

Aynı prompt dört farklı AI aracında deneniyor.

Sonuçlar yan yana geliyor — kiminde renkler iyi, kiminde kod daha temiz, kiminde ruh daha yakın.

Oylama geliyor:

“Hangi araç daha çok ‘vibe’ verdi?”

🎯 Amaç:

Prompt’un sadece komut değil, kompozisyon olduğunu fark ettirmek.

☕️ Ara — 20 Dakika

Kahveni al, konuş, düşün.

Artık “kod bilmek” değil, “kod hissetmek” önemli.

💻 3. Bölüm — Live Build: Fikirden Çalışan Prototipe

Süre: 60 dk

Ruh: Prompt-first Production.

Gerçek bir fikir üzerinden (örneğin “Feedback Board”)

Cursor + Figma MCP ile canlı bir prototip inşa ediliyor.

“Figma artık sadece çizim değil, veri kaynağı.”

Design token’lar, spacing değerleri, hiyerarşi kararları…

Hepsi prompt’ların içinde akıyor.

Kod, tasarıma dönüyor. Tasarım, koda karışıyor.

“AI burada yanıldı çünkü context eksik — prompt’a küçük bir bilgi daha ekleyelim.”

Bu bölüm, AI’nin düşünme biçimini çözmek ve

tasarımcının o akışı yönlendirmesini sağlamak üzerine.

🎯 Çıktı:

Katılımcılar prompt-first yaklaşımın gerçek karşılığını görür,

ve “kodlama” artık soyut değil, akışkan hale gelir.

🎤 4. Bölüm — Q&A + Mini Challenge

Süre: 15 dk

Ruh: Yarat, paylaş, ak.

Açık soru oturumu, ardından küçük bir meydan okuma:

“Bugün öğrendiğinle 15 dakikada ne üretirdin?”

Kapanışta tek cümle kalır:

“Flowstate, kodu hissetmek ve birlikte üretmektir.”

🪩 Etkinlik Detayları

📍 Yer: Ring Studio

🗓️ Tarih: 15 Kasım Cumartesi

⏰ Saat: 17:30

👥 Kontenjan: 15 kişi

💸 Katılım Ücreti: 500₺

☕️ İlk kahveler bilete dahil

✳️ Son

Bu sadece bir workshop değil.

Sketch to Flow’un yeni fazı.

Bir hareket, bir akış, bir üretim biçimi.