<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ürün Tasarımı - Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</title>
	<atom:link href="https://poryaz.com/tag/urun-tasarimi/feed/" rel="self" type="application/rss+xml" />
	<link>https://poryaz.com</link>
	<description>Mobil Arayüz Tasarımı, Mobile Ui/UX Designer, Mobile Interface Design, Web Arayüz Tasarımı, Burak Poryaz</description>
	<lastBuildDate>Sun, 28 Jun 2026 11:27:54 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://poryaz.com/wp-content/uploads/2023/11/cropped-favicon-1-32x32.png</url>
	<title>Ürün Tasarımı - Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</title>
	<link>https://poryaz.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>UI/UX Tasarım İçin AI Araçları: 2026 Bookmark Listesi</title>
		<link>https://poryaz.com/ui-ux-tasarim-icin-ai-araclari-2026/</link>
		
		<dc:creator><![CDATA[poryaz]]></dc:creator>
		<pubDate>Sun, 28 Jun 2026 11:27:54 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Türkçe]]></category>
		<category><![CDATA[UI/UX]]></category>
		<category><![CDATA[AI Araçları]]></category>
		<category><![CDATA[Figma]]></category>
		<category><![CDATA[No Code]]></category>
		<category><![CDATA[Tasarım Araçları]]></category>
		<category><![CDATA[UI Tasarımı]]></category>
		<category><![CDATA[Ürün Tasarımı]]></category>
		<category><![CDATA[UX Tasarımı]]></category>
		<category><![CDATA[Yapay Zeka]]></category>
		<guid isPermaLink="false">https://poryaz.com/ui-ux-tasarim-icin-ai-araclari-2026/</guid>

					<description><![CDATA[<p>UI/UX tasarım için 2026'da kaydedilecek AI araçları: Claude, Figma Make, Uizard, v0, Lovable, Bolt, Relume, Framer, Webflow ve daha fazlası.</p>
<p>The post <a href="https://poryaz.com/ui-ux-tasarim-icin-ai-araclari-2026/">UI/UX Tasarım İçin AI Araçları: 2026 Bookmark Listesi</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>UI/UX tasarım tarafında AI araçları artık sadece “prompt yaz, ekran gelsin” seviyesinde değil.</p>
<p>Bazı araçlar fikir üretmek için iyi. Bazıları wireframe çıkarıyor. Bazıları direkt çalışan web/app prototipi üretiyor. Bazıları da tasarım sistemi ve ürün akışı tarafında yardımcı oluyor.</p>
<p>Ben bu listeyi biraz bookmark mantığında hazırladım.</p>
<p>Yani her aracı uzun uzun anlatmak yerine, “ne işe yarar, ne zaman bakılır, nelere dikkat edilmeli?” gibi pratik bir şekilde toparladım.</p>
<h2>Önce küçük bir not</h2>
<p>Bu araçların hiçbiri tek başına iyi ürün tasarımı garantisi vermez.</p>
<p>AI sana hız verir, alternatif verir, bazen güzel bir başlangıç verir. Ama problemi, kullanıcıyı, akışı, içerik mantığını ve karar kalitesini hâlâ sen taşımalısın.</p>
<p>Ben daha önce <a href="https://poryaz.com/yeni-baslayanlar-ui-ux-tasarimda-ai-kullanma-mantigi/">Yeni Başlayanlar İçin UI/UX Tasarımda AI Kullanma Mantığı</a> yazısında da bunu anlatmıştım. Prompttan önce hazırlık önemli.</p>
<h2>1. Claude / Claude Artifacts</h2>
<p><a href="https://claude.ai/" rel="nofollow">Claude</a>, özellikle fikir, metin, hızlı HTML prototip, basit arayüz denemesi ve ürün düşüncesi için güçlü bir araç.</p>
<p>Ben bunu “Claude Design” gibi düşünenleri anlıyorum. Aslında burada mesele Claude&#8217;un tasarımcı olması değil; senin fikrini hızlıca görünür hale getirmesi.</p>
<p>Kullanım yeri: ilk konsept, landing page taslağı, ürün akışı, metin ve hızlı prototype.</p>
<h2>2. Figma Make</h2>
<p><a href="https://www.figma.com/make/" rel="nofollow">Figma Make</a>, tasarımcılar için en dikkat çekici araçlardan biri. Çünkü Figma ekosisteminin içinde çalışıyor.</p>
<p>Prompt ile arayüz, prototip ve ürün fikri oluşturmak için kullanılabilir. Bence güçlü tarafı, tasarım sürecinden çok kopmadan AI ile deneme yapabilmek.</p>
<p>Dikkat: Figma Make iyi bir başlangıç verebilir ama tasarım sistemi ve karar kontrolü yine sende olmalı.</p>
<h2>3. Uizard</h2>
<p><a href="https://uizard.io/" rel="nofollow">Uizard</a>, text-to-UI, wireframe ve screenshot to design gibi işler için pratik bir araç.</p>
<p>Yeni başlayanlar için özellikle faydalı olabilir. Çünkü çok teknik olmadan hızlı fikir çıkarmaya yardım ediyor.</p>
<p>Kullanım yeri: wireframe, düşük/orta seviye prototip, hızlı ekran fikri.</p>
<h2>4. UXMagic</h2>
<p><a href="https://uxmagic.ai/" rel="nofollow">UXMagic</a>, text, sketch veya screenshot üzerinden UI üretme tarafında konumlanan araçlardan biri.</p>
<p>Figma ile çalışan tasarımcılar için özellikle ilginç olabilir. Çünkü fikirden tasarım dosyasına yaklaşan bir akış hedefliyor.</p>
<p>Dikkat: Bu tip araçlarda çıkan sonucu direkt final kabul etmemek lazım. Tutarlılık kontrolü önemli.</p>
<h2>5. Galileo AI / Stitch tarafı</h2>
<p><a href="https://www.usegalileo.ai/" rel="nofollow">Galileo AI</a> ve <a href="https://stitch.withgoogle.com/" rel="nofollow">Google Stitch</a> gibi araçlar, prompttan UI screen veya flow üretme tarafında takip edilmeli.</p>
<p>Bu araçlar özellikle “ekran fikri nasıl olabilir?” sorusuna hızlı cevap verir.</p>
<p>Kullanım yeri: alternatif ekranlar, app flow fikri, hızlı görsel yön denemesi.</p>
<h2>6. v0 by Vercel</h2>
<p><a href="https://v0.dev/" rel="nofollow">v0</a>, UI component ve frontend üretimi tarafında çok güçlü.</p>
<p>React, Next.js ve component mantığına yakın çalışan kişiler için özellikle değerli. Tasarımcı teknik tarafa yakınsa, v0 iyi bir üretim alanı olabilir.</p>
<p>Dikkat: Güzel component üretir ama ürün stratejisini kendi kendine çözmez.</p>
<h2>7. Lovable</h2>
<p><a href="https://lovable.dev/" rel="nofollow">Lovable</a>, prompt ile web app veya MVP üretme tarafında popülerleşen araçlardan biri.</p>
<p>Sadece ekran değil, çalışan ürün fikrine yaklaşmak isteyenler için iyi bir deneme alanı.</p>
<p>Kullanım yeri: MVP, internal tool, hızlı ürün denemesi, fikir validasyonu.</p>
<h2>8. Bolt.new</h2>
<p><a href="https://bolt.new/" rel="nofollow">Bolt.new</a>, browser içinde kod ve uygulama üretme tarafında güçlü.</p>
<p>UI/UX tasarımcı için doğrudan tasarım aracı gibi görünmeyebilir ama ürün fikrini çalışan prototipe taşımak için çok işe yarar.</p>
<p>Dikkat: Teknik tarafı biraz daha fazla hissedersin. Ama bu kötü bir şey değil, hatta ürün tasarımcı için öğretici olabilir.</p>
<h2>9. Replit Agent</h2>
<p><a href="https://replit.com/ai" rel="nofollow">Replit AI / Agent</a>, uygulama üretimi ve prototip geliştirme tarafında kullanılabilir.</p>
<p>Ben bunu daha çok “tasarım sonrası çalışan fikir” tarafında konumlandırıyorum.</p>
<p>Kullanım yeri: küçük web app, prototip, test edilebilir ürün fikri.</p>
<h2>10. Base44</h2>
<p><a href="https://base44.com/" rel="nofollow">Base44</a>, prompt ile uygulama üretme tarafında takip edilebilecek yeni araçlardan biri.</p>
<p>Özellikle internal tool, basit SaaS fikri veya MVP akışı için denenebilir.</p>
<p>Dikkat: No-code/AI app builder araçlarında tasarımcı yine akışı, kullanıcı ihtiyacını ve kullanım mantığını net tarif etmeli.</p>
<h2>11. Relume</h2>
<p><a href="https://www.relume.io/" rel="nofollow">Relume</a>, web sitesi planlama tarafında çok iyi bir yardımcı.</p>
<p>Sitemap, wireframe ve landing page yapısını hızlı çıkarmak için kullanılabilir. Özellikle web tasarımda boş sayfaya bakıp kalma sorununu azaltır.</p>
<p>Kullanım yeri: site haritası, wireframe, landing page yapısı, içerik bölümleri.</p>
<h2>12. Framer AI</h2>
<p><a href="https://www.framer.com/ai/" rel="nofollow">Framer AI</a>, AI ile site fikrini hızlıca görsel ve yayına yakın bir yapıya taşımak için kullanılabilir.</p>
<p>Landing page, portfolio, ürün sayfası ve hızlı web denemeleri için güzel bir alan.</p>
<p>Dikkat: İlk çıkan sayfayı final sanma. Tipografi, spacing, responsive ve içerik mutlaka kontrol edilmeli.</p>
<h2>13. Webflow AI</h2>
<p><a href="https://webflow.com/ai" rel="nofollow">Webflow AI</a>, Webflow ekosistemi içinde AI destekli site üretimi, içerik ve workflow tarafında kullanılıyor.</p>
<p>Daha profesyonel web üretim tarafında çalışanlar için takip edilmesi gereken araçlardan biri.</p>
<p>Kullanım yeri: web sitesi üretimi, CMS, landing page, içerik ve layout denemeleri.</p>
<h2>14. Canva AI</h2>
<p><a href="https://www.canva.com/ai/" rel="nofollow">Canva AI</a>, UI/UX tasarım aracı gibi düşünülmemeli.</p>
<p>Ama sunum, sosyal medya görseli, kampanya görseli, deck ve hızlı branded content üretimi için iyi bir yan araç olabilir.</p>
<p>Ürün tasarımcılar bazen sadece ekran değil, fikri anlatan görsel de üretmek zorunda kalıyor. Canva burada pratik olabilir.</p>
<h2>15. Figma AI ve plugin ekosistemi</h2>
<p><a href="https://www.figma.com/ai/" rel="nofollow">Figma AI</a> ve Figma plugin ekosistemi zaten tasarımcıların günlük iş akışına en yakın yerlerden biri.</p>
<p>AI ile isimlendirme, düzenleme, içerik, görsel üretim, prototip ve component tarafında birçok küçük akış kurulabilir.</p>
<p>Benim ücretsiz Figma pluginim <a href="https://poryaz.com/shotsender-figma-plugin-free/">ShotSender</a> da farklı bir yerden bu düşünceye bağlı: tasarımcıların işini kolaylaştırmak ve paylaşımı hızlandırmak.</p>
<h2>Ben bu araçları nasıl gruplarım?</h2>
<p>Bence listeyi şöyle düşünmek daha doğru:</p>
<ul>
<li><strong>Fikir ve akış:</strong> Claude, Relume, Figma Make</li>
<li><strong>UI üretimi:</strong> Figma Make, Uizard, UXMagic, Galileo, Stitch</li>
<li><strong>Frontend ve MVP:</strong> v0, Lovable, Bolt, Replit, Base44</li>
<li><strong>Web sitesi:</strong> Framer, Webflow, Relume</li>
<li><strong>Görsel ve sunum:</strong> Canva AI</li>
</ul>
<p>Her araç aynı problemi çözmüyor. Bu yüzden “en iyi AI tasarım aracı hangisi?” sorusu biraz eksik kalıyor.</p>
<p>Daha doğru soru şu olabilir:</p>
<p>Ben şu an fikir mi arıyorum, ekran mı üretiyorum, prototip mi yapıyorum, yoksa çalışan MVP mi deniyorum?</p>
<h2>Benim çıkarımım</h2>
<p>UI/UX tasarım için AI araçları hız kazandırıyor. Bu çok net.</p>
<p>Ama iyi sonuç almak için hâlâ hazırlık, brief, kullanıcı akışı, component mantığı, tasarım sistemi ve insan kararı gerekiyor.</p>
<p>Bu araçları doğru kullanırsan çok iyi bir hız alanı açılır.</p>
<p>Yanlış kullanırsan sadece daha hızlı karışıklık üretirsin.</p>
<p>O yüzden bu listeyi sadece “link listesi” gibi değil, kendi tasarım sürecini güçlendirecek bir başlangıç noktası gibi görmek daha doğru.</p>
<p>Bu konuyla bağlantılı olarak <a href="https://poryaz.com/yapay-zeka-ui-tasarimi-oldurdu/">Yapay Zeka UI Tasarımı Öldürdü</a> yazısını da okuyabilirsin. Orada AI&#8217;ın tasarımı öldürmediğini, ama hazırlıksız çalışanları daha görünür hale getirdiğini anlatmıştım.</p>
<p>Benzer içerikleri <a href="https://poryaz.com/category/turkce/">Türkçe</a>, <a href="https://poryaz.com/category/ai/">AI</a>, <a href="https://poryaz.com/category/ui-ux/">UI/UX</a>, <a href="https://poryaz.com/category/tools/">Tools</a> ve <a href="https://poryaz.com/category/product-design/">Product Design</a> kategorilerinde toplamaya devam edeceğim.</p>
<h2>Kaynaklar</h2>
<ul>
<li><a href="https://claude.ai/" rel="nofollow">Claude</a></li>
<li><a href="https://www.figma.com/make/" rel="nofollow">Figma Make</a></li>
<li><a href="https://www.figma.com/ai/" rel="nofollow">Figma AI</a></li>
<li><a href="https://uizard.io/" rel="nofollow">Uizard</a></li>
<li><a href="https://uxmagic.ai/" rel="nofollow">UXMagic</a></li>
<li><a href="https://www.usegalileo.ai/" rel="nofollow">Galileo AI</a></li>
<li><a href="https://stitch.withgoogle.com/" rel="nofollow">Google Stitch</a></li>
<li><a href="https://v0.dev/" rel="nofollow">v0 by Vercel</a></li>
<li><a href="https://lovable.dev/" rel="nofollow">Lovable</a></li>
<li><a href="https://bolt.new/" rel="nofollow">Bolt.new</a></li>
<li><a href="https://replit.com/ai" rel="nofollow">Replit AI</a></li>
<li><a href="https://base44.com/" rel="nofollow">Base44</a></li>
<li><a href="https://www.relume.io/" rel="nofollow">Relume</a></li>
<li><a href="https://www.framer.com/ai/" rel="nofollow">Framer AI</a></li>
<li><a href="https://webflow.com/ai" rel="nofollow">Webflow AI</a></li>
<li><a href="https://www.canva.com/ai/" rel="nofollow">Canva AI</a></li>
</ul><p>The post <a href="https://poryaz.com/ui-ux-tasarim-icin-ai-araclari-2026/">UI/UX Tasarım İçin AI Araçları: 2026 Bookmark Listesi</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Yeni Başlayanlar İçin UI/UX Tasarımda AI Kullanma Mantığı</title>
		<link>https://poryaz.com/yeni-baslayanlar-ui-ux-tasarimda-ai-kullanma-mantigi/</link>
		
		<dc:creator><![CDATA[poryaz]]></dc:creator>
		<pubDate>Sat, 27 Jun 2026 08:51:21 +0000</pubDate>
				<category><![CDATA[Türkçe]]></category>
		<category><![CDATA[arayüz tasarımı]]></category>
		<category><![CDATA[Tasarım Sistemi]]></category>
		<category><![CDATA[UI Tasarımı]]></category>
		<category><![CDATA[Ürün Tasarımı]]></category>
		<category><![CDATA[UX Tasarımı]]></category>
		<category><![CDATA[Yapay Zeka]]></category>
		<guid isPermaLink="false">https://poryaz.com/yeni-baslayanlar-ui-ux-tasarimda-ai-kullanma-mantigi/</guid>

					<description><![CDATA[<p>UI/UX tasarıma yeni başlayanlar için AI kullanma mantığı: prompttan önce problemi anlamak, akışı kurmak, parçaları hazırlamak ve çıkan sonucu doğru değerlendirmek.</p>
<p>The post <a href="https://poryaz.com/yeni-baslayanlar-ui-ux-tasarimda-ai-kullanma-mantigi/">Yeni Başlayanlar İçin UI/UX Tasarımda AI Kullanma Mantığı</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>UI/UX tasarıma yeni başlayan biri için yapay zeka çok cazip görünüyor.</p>
<p>Çünkü ekrana bakıyorsun, bir prompt yazıyorsun, birkaç saniye sonra karşına bir arayüz fikri geliyor.</p>
<p>Bu gerçekten güçlü bir şey.</p>
<p>Ama burada küçük bir tuzak var.</p>
<p>AI hızlı sonuç verir diye, tasarım süreci otomatik olarak doğru ilerlemez. Hatta hazırlık yoksa AI seni hızlandırmak yerine daha fazla karıştırabilir.</p>
<p>Bence yeni başlayanların AI&#8217;ı kullanırken anlaması gereken ilk şey bu.</p>
<h2>AI tasarım yapar mı, tasarıma yardım mı eder?</h2>
<p>Ben AI&#8217;ı tek başına tasarımcı gibi görmüyorum.</p>
<p>Daha çok iyi yönlendirilirse çok hızlı çalışan bir yardımcı gibi görüyorum.</p>
<p>Sen problemi doğru anlatırsan, kullanıcıyı tarif edersen, akışı verirsen ve ne istediğini parçalara bölersen AI iyi destek olur.</p>
<p>Ama sadece “bana modern bir app ekranı yap” dersen, sana güzel görünen ama temeli zayıf bir şey verebilir.</p>
<p>Yeni başlayan biri için bu fark önemli.</p>
<p>Çünkü güzel ekran ile doğru tasarım aynı şey değil.</p>
<h2>Önce problemi anlamak gerekiyor</h2>
<p>AI&#8217;a ekran çizdirmeden önce şu soruyu sormak lazım:</p>
<p>Ben hangi problemi çözüyorum?</p>
<p>Kullanıcı kim? Bu kullanıcı neden bu ekrana geliyor? Burada ne yapmak istiyor? Hangi noktada zorlanabilir?</p>
<p>Bu sorular sıkıcı gibi görünebilir ama UI/UX tasarımın temeli burada başlıyor.</p>
<p>Problem net değilse, ekrandaki buton da, kart da, menü de rastgele olur.</p>
<p>AI bu boşluğu kendi tahminleriyle doldurur. Bazen iyi tahmin eder, bazen de tamamen başka bir yöne gider.</p>
<h2>Prompttan önce hazırlık şart</h2>
<p>Yeni başlayanlarda en çok gördüğüm hata şu: her şeyi tek promptta istemek.</p>
<p>“Bana çok iyi bir dashboard tasarla.”</p>
<p>Bu cümle tek başına yeterli değil.</p>
<p>AI&#8217;a gitmeden önce küçük bir hazırlık yapmak daha doğru olur:</p>
<ul>
<li>ürünün amacı ne?</li>
<li>hedef kullanıcı kim?</li>
<li>ana ekranlar neler?</li>
<li>kullanıcı hangi sırayla ilerleyecek?</li>
<li>hangi bilgiler önemli?</li>
<li>hangi bileşenler gerekiyor?</li>
<li>başarı ve hata durumları ne olacak?</li>
</ul>
<p>Bunları yazınca prompt da daha sağlıklı olur.</p>
<p>Aslında iyi prompt, iyi hazırlığın kısa bir özeti gibi düşünülmeli.</p>
<h2>AI&#8217;dan önce basit bir yapı kurmak</h2>
<p>Arayüz tasarımında her şeye ekranla başlamak doğru olmayabilir.</p>
<p>Bazen önce küçük parçalardan gitmek daha iyi sonuç verir.</p>
<p>Mesela renk, tipografi, boşluk, buton, input, kart, liste, menü gibi temel parçalar netleşirse AI daha tutarlı sonuç üretir.</p>
<p>Ben bunu biraz LEGO gibi düşünüyorum.</p>
<p>Parçalar belli değilse büyük yapıyı kurmak zorlaşır.</p>
<p>AI da aynı şekilde çalışıyor. Ona sistem vermezsen, her ekranda başka bir stil icat edebilir.</p>
<h2>AI&#8217;ı ekran çizdiren değil, fikir ortağı gibi kullanmak</h2>
<p>AI sadece ekran üretmek için kullanılmaz.</p>
<p>Bence yeni başlayanlar AI&#8217;ı daha çok düşünceyi açmak için kullanmalı.</p>
<p>Mesela şunları sorabilirsin:</p>
<ul>
<li>bu akışta kullanıcı nerede zorlanabilir?</li>
<li>bu ekranda hangi bilgiler gereksiz?</li>
<li>bu form daha kısa nasıl olur?</li>
<li>boş durum için nasıl bir içerik yazılabilir?</li>
<li>bu kullanıcı yolculuğunda hangi hata durumları eksik?</li>
</ul>
<p>Bu tip sorular yeni başlayan biri için çok öğretici olur.</p>
<p>Çünkü AI sadece çizim üretmez, düşünme sürecini de hızlandırabilir.</p>
<h2>Çıkan sonucu olduğu gibi kabul etmemek</h2>
<p>AI&#8217;ın verdiği ilk sonucu final tasarım gibi görmek tehlikeli.</p>
<p>Çünkü AI bazen çok özgüvenli şekilde yanlış şeyler üretir.</p>
<p>Ekran güzel görünür ama akış eksik olabilir. Butonlar tutarsız olabilir. İçerik fazla olabilir. Kullanıcının asıl ihtiyacı geride kalabilir.</p>
<p>O yüzden çıkan işi mutlaka kontrol etmek gerekir.</p>
<p>Ben olsam şu sorulara bakarım:</p>
<ul>
<li>kullanıcı ne yapacağını hızlı anlıyor mu?</li>
<li>ana aksiyon yeterince net mi?</li>
<li>aynı bileşenler tutarlı mı?</li>
<li>ekranda gereksiz kalabalık var mı?</li>
<li>hata ve boş durumlar düşünülmüş mü?</li>
<li>bu tasarım gerçek bir üründe çalışır mı?</li>
</ul>
<p>AI çıktı verir. Ama değerlendirme hâlâ insanda olmalı.</p>
<h2>Yeni başlayanlar için basit bir çalışma akışı</h2>
<p>Eğer yeni başlıyorsan, AI ile şöyle ilerlemek daha sağlıklı olabilir:</p>
<ol>
<li>Önce problemi bir paragrafla yaz.</li>
<li>Kullanıcıyı ve amacını tarif et.</li>
<li>Ana kullanıcı akışını maddeler halinde çıkar.</li>
<li>Gerekli ekranları listele.</li>
<li>Temel bileşenleri belirle.</li>
<li>AI&#8217;dan önce akışı ve eksikleri kontrol etmesini iste.</li>
<li>Sonra tek tek ekran fikirleri üret.</li>
<li>Çıkan işi tutarlılık ve kullanılabilirlik açısından değerlendir.</li>
</ol>
<p>Bu yöntem yavaş gibi görünebilir.</p>
<p>Ama aslında daha hızlıdır.</p>
<p>Çünkü en başta biraz düzen kurunca, sonra aynı hataları tekrar tekrar düzeltmek zorunda kalmazsın.</p>
<h2>Her şeyi tek promptta istemek iyi fikir değil</h2>
<p>AI ile çalışırken büyük işi küçük parçalara bölmek daha iyi sonuç verir.</p>
<p>Önce problem.</p>
<p>Sonra akış.</p>
<p>Sonra bileşenler.</p>
<p>Sonra ekran.</p>
<p>Sonra kontrol.</p>
<p>Bu şekilde ilerleyince hem sen daha iyi öğrenirsin, hem de AI daha az dağılır.</p>
<p>Özellikle UI/UX tasarıma yeni başlayan biri için bu çok önemli. Çünkü sadece sonuca bakarsan tasarım öğrenmezsin. Süreci anlarsan gelişirsin.</p>
<h2>AI tasarımcıyı hızlandırır ama yerine geçmez</h2>
<p>Benim bu konudaki fikrim net.</p>
<p>AI tasarımcıyı bitirmiyor.</p>
<p>Ama tasarımcının daha sistemli düşünmesini zorunlu hale getiriyor.</p>
<p>Yeni başlayan biri için bu kötü bir şey değil. Hatta doğru kullanılırsa çok iyi bir öğrenme alanı.</p>
<p>Çünkü AI ile daha fazla alternatif görebilir, kendi kararlarını test edebilir, hatalarını daha hızlı fark edebilirsin.</p>
<p>Ama bunun için AI&#8217;ı sadece “ekran çizdirme makinesi” gibi kullanmamak gerekiyor.</p>
<h2>Sonuç</h2>
<p>Yeni başlayanlar için UI/UX tasarımda AI kullanma mantığı bence çok basit:</p>
<p>Önce düşün, sonra yönlendir, sonra üret, sonra kontrol et.</p>
<p>AI sana hız verir.</p>
<p>Ama yönü sen vermelisin.</p>
<p>Problem net değilse, akış zayıfsa, bileşen mantığı yoksa ve çıkan işi kontrol etmiyorsan AI sana iyi tasarım değil, sadece hızlı görsel üretir.</p>
<p>Ben bu yüzden AI tarafında en değerli şeyin prompt değil, hazırlık olduğunu düşünüyorum.</p>
<p>Bu konuyla bağlantılı olarak <a href="https://poryaz.com/yapay-zeka-ui-tasarimi-oldurdu/">Yapay Zeka UI Tasarımı Öldürdü</a> yazısında da benzer bir noktaya değinmiştim. AI tasarımı öldürmüyor, hazırlıksız çalışma şeklini daha görünür hale getiriyor.</p>
<p>Benzer içerikleri <a href="https://poryaz.com/category/turkce/">Türkçe</a>, <a href="https://poryaz.com/category/ai/">AI</a>, <a href="https://poryaz.com/category/ui-ux/">UI/UX</a> ve <a href="https://poryaz.com/category/product-design/">Product Design</a> kategorilerinde toplamaya devam edeceğim.</p>
<h2>Kaynaklar</h2>
<ul>
<li><a href="https://www.figma.com/ai/" rel="nofollow">Figma AI</a></li>
<li><a href="https://www.figma.com/make/" rel="nofollow">Figma Make</a></li>
<li><a href="https://pair.withgoogle.com/guidebook/" rel="nofollow">Google PAIR Guidebook</a></li>
<li><a href="https://www.microsoft.com/en-us/haxtoolkit/" rel="nofollow">Microsoft HAX Toolkit</a></li>
</ul><p>The post <a href="https://poryaz.com/yeni-baslayanlar-ui-ux-tasarimda-ai-kullanma-mantigi/">Yeni Başlayanlar İçin UI/UX Tasarımda AI Kullanma Mantığı</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Yapay Zeka UI Tasarımı Öldürdü</title>
		<link>https://poryaz.com/yapay-zeka-ui-tasarimi-oldurdu/</link>
		
		<dc:creator><![CDATA[poryaz]]></dc:creator>
		<pubDate>Tue, 23 Jun 2026 08:03:39 +0000</pubDate>
				<category><![CDATA[Türkçe]]></category>
		<category><![CDATA[arayüz tasarımı]]></category>
		<category><![CDATA[UI Tasarımı]]></category>
		<category><![CDATA[Ürün Tasarımı]]></category>
		<category><![CDATA[UX Tasarımı]]></category>
		<category><![CDATA[Yapay Zeka]]></category>
		<guid isPermaLink="false">https://poryaz.com/yapay-zeka-ui-design-oldurdu-mu/</guid>

					<description><![CDATA[<p>Yapay zeka UI tasarımını öldürmedi. Sadece tasarımcının iş yapma şeklini, hazırlık sürecini ve karar kalitesini daha görünür hale getirdi.</p>
<p>The post <a href="https://poryaz.com/yapay-zeka-ui-tasarimi-oldurdu/">Yapay Zeka UI Tasarımı Öldürdü</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Başlığı bilerek biraz sert attım.</p>
<p>Yapay zeka UI tasarımını öldürdü mü?</p>
<p>Bence hayır.</p>
<p>Ama şunu da kabul etmek lazım: yapay zeka tasarım tarafında bazı şeyleri ciddi şekilde değiştirdi. Özellikle ekran üretmek, varyasyon almak, fikir denemek, yerleşim çıkarmak gibi işler artık çok daha hızlı.</p>
<p>Eskiden bir fikri görmek için saatler harcanıyordu. Şimdi doğru hazırlık varsa birkaç dakika içinde farklı yönler denenebiliyor.</p>
<p>Bu iyi bir şey.</p>
<p>Ama burada önemli bir nokta var. AI hızlı diye, tasarım işi otomatik olarak iyi olmuyor.</p>
<h2>AI tasarımı kolaylaştırıyor, ama düşünmeyi kaldırmıyor</h2>
<p>Bence en büyük yanılgı burada başlıyor.</p>
<p>Birçok kişi yapay zekayı şöyle görüyor: prompt yaz, güzel ekran çıksın.</p>
<p>Evet, bazen çıkıyor. Hatta ilk bakışta çok iyi de görünebiliyor.</p>
<p>Ama gerçek ürün tasarımında iş sadece güzel ekran değildir. Akış var, kullanıcı kararı var, hata durumu var, içerik var, marka dili var, teknik sınır var, erişilebilirlik var. Bir de en önemlisi tutarlılık var.</p>
<p>AI bunların hepsini tek başına doğru çözmez.</p>
<p>O yüzden tasarımcının rolü bitmedi. Sadece daha net hale geldi.</p>
<p>Tasarımcı artık sadece ekran yapan kişi değil. Sistemi hazırlayan, doğru problemi tarif eden, çıktıların neden doğru ya da yanlış olduğunu anlayan kişi.</p>
<h2>Ön hazırlık her şeyden daha önemli</h2>
<p>Benim şu an gördüğüm şey şu: AI ile iyi UI/UX tasarım almak için prompttan önce hazırlık gerekiyor.</p>
<p>Mesela bir projeye başlamadan önce şunlar net değilse, AI dağılmaya başlıyor:</p>
<ul>
<li>ürünün amacı ne?</li>
<li>kullanıcı kim?</li>
<li>hangi akış çözülüyor?</li>
<li>tasarım sistemi var mı?</li>
<li>bileşen mantığı nasıl?</li>
<li>boşluk, tipografi, renk düzeni belli mi?</li>
<li>AI nerede karar verecek, insan nerede karar verecek?</li>
</ul>
<p>Bunlar yoksa AI sana yine bir şey üretir.</p>
<p>Ama sonra sen onu düzeltmekle uğraşırsın.</p>
<p>Bir bakmışsın aynı şeyi tekrar tekrar anlatıyorsun. Her seferinde başka bir yer bozuluyor. Token gidiyor, zaman gidiyor, moral de gidiyor.</p>
<p>Yani kötü hazırlık, AI tarafında hız değil, ekstra yük oluşturuyor.</p>
<h2>Fayton örneği bence tam buraya oturuyor</h2>
<p>İçten yanmalı motor icat edildi diye fayton sürücüleri bir gecede aç mı kaldı?</p>
<p>Hayır.</p>
<p>Ama dünya değişti.</p>
<p>Bazıları bu değişime adapte oldu. Yeni aracı anlamaya çalıştı. Onunla iş yapmayı öğrendi. Belki şoför oldu, belki başka bir taşıma işine geçti, belki de eski bilgisini yeni düzene taşıdı.</p>
<p>Bazıları ise yeniliği tamamen reddetti.</p>
<p>İşte orada problem başladı.</p>
<p>Bence UI/UX tarafında da durum buna benziyor. Yapay zeka geldi diye tasarımcı bitmiyor. Ama yapay zekayı hiç anlamayan, onu iş akışına katmayan, kendi düşünme şeklini güncellemeyen tasarımcı zorlanacak.</p>
<p>Bu biraz acı ama gerçek.</p>
<h2>AI iyi bir yardımcı olabilir</h2>
<p>AI&#8217;ın en sevdiğim tarafı şu: fikri hızlı görünür yapıyor.</p>
<p>Kafanda bir akış var. Tam emin değilsin. Normalde onu çizmek, düzenlemek, alternatif çıkarmak zaman alıyor. AI burada çok iyi bir yardımcı olabilir.</p>
<p>Özellikle şu işlerde ciddi kolaylık sağlıyor:</p>
<ul>
<li>ilk fikirleri görmek</li>
<li>farklı yerleşim alternatifleri almak</li>
<li>boş durum, hata durumu, yüklenme durumu düşünmek</li>
<li>bileşen varyasyonları denemek</li>
<li>metin tonunu hızlı test etmek</li>
<li>tasarım sistemi içindeki eksikleri fark etmek</li>
</ul>
<p>Ama tekrar aynı yere geliyoruz.</p>
<p>AI yardımcıdır. Patron değildir.</p>
<p>Son kararı hala insan vermeli.</p>
<h2>Tasarımcının değeri karar kalitesinde</h2>
<p>Bence bundan sonra tasarımcının değeri daha çok karar kalitesi ile ölçülecek.</p>
<p>Çünkü herkes bir şekilde ekran üretebilecek.</p>
<p>Ama herkes iyi akış kuramayacak. Herkes sistemi tutarlı tutamayacak. Herkes kullanıcıyı, iş hedefini ve teknik gerçeği aynı masada düşünemeyecek.</p>
<p>İyi tasarımcı burada ayrışacak.</p>
<p>AI ile daha hızlı üretmek güzel. Ama neyi neden ürettiğini bilmek daha önemli.</p>
<p>Ben daha önce İngilizce olarak <a href="https://poryaz.com/ai-design-needs-more-than-faster-screens/">AI Design Needs More Than Faster Screens</a> yazısında da buna değindim. Hız tek başına yetmiyor. Sistem, hazırlık ve insan kararı gerekiyor.</p>
<h2>Benim çıkarımım</h2>
<p>Yapay zeka UI tasarımını öldürmedi.</p>
<p>Sadece kötü hazırlanmış tasarım süreçlerini daha görünür yaptı.</p>
<p>İyi hazırlık varsa AI gerçekten çok güçlü bir yardımcı. Tasarım sistemin, ürün mantığın ve kullanıcı akışın netse, AI ile çok daha hızlı ve daha fazla seçenek görebilirsin.</p>
<p>Ama hazırlık yoksa AI seni hızlandırmaz. Sadece daha hızlı şekilde karışıklık üretir.</p>
<p>O yüzden benim için mesele şu değil:</p>
<p>AI tasarımcıyı bitirir mi?</p>
<p>Bence asıl soru şu:</p>
<p>Tasarımcı AI ile çalışacak kadar sistemli düşünebiliyor mu?</p>
<p>Bu soruya iyi cevap verenler için önümüzde güzel bir dönem var.</p>
<p>Bu konudaki diğer yazıları da <a href="https://poryaz.com/category/ai/">AI</a>, <a href="https://poryaz.com/category/ui-ux/">UI/UX</a> ve <a href="https://poryaz.com/category/product-design/">Product Design</a> kategorilerinde toparlamaya devam edeceğim.</p>
<h2>Kaynaklar</h2>
<ul>
<li><a href="https://www.figma.com/ai/" rel="nofollow">Figma AI</a></li>
<li><a href="https://www.figma.com/make/" rel="nofollow">Figma Make</a></li>
<li><a href="https://pair.withgoogle.com/guidebook/" rel="nofollow">Google PAIR Guidebook</a></li>
<li><a href="https://www.microsoft.com/en-us/haxtoolkit/" rel="nofollow">Microsoft HAX Toolkit</a></li>
</ul><p>The post <a href="https://poryaz.com/yapay-zeka-ui-tasarimi-oldurdu/">Yapay Zeka UI Tasarımı Öldürdü</a> first appeared on <a href="https://poryaz.com">Burak Poryaz - Web ve Mobil Arayüz Tasarımı - UX Ui Tasarım</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
