MCP Tasarımcılar İçin 2026'da Kurulmaya Değer Sunucular

MCP, chatbot'u bir araç kullanıcısına dönüştürüyor. Bu teknoloji hayata geçtiğinde, yapay zeka artık bir gösteri numarası gibi hissettirmeyecek. Eğer Figma dosyanızın ekran görüntülerini Claude'e yapıştırıp gördüklerinizi açıklıyorsanız, şu anda daha iyi bir mimari mevcut ve bunun maliyeti sadece yirmi dakikalık bir yapılandırma.

MCP nedir, teknik terimler olmadan

Anthropic.com adresindeki duyuruyu okuyun.

Model Bağlam Protokolü, 2024 yılının sonlarında yayınlanan ve bir yapay zeka istemcisinin tutarlı bir arayüz aracılığıyla harici araçlarla iletişim kurmasını sağlayan açık bir standart Anthropic'tir. Bunu yapay zeka entegrasyonları için USB gibi düşünün: tek fiş şekli, sonsuz sayıda cihaz.

MCP'ten önce, bir yapay zeka modeline bağlanmak isteyen her araç, ortak bir sözleşme olmaksızın özel bir entegrasyon oluşturmak zorundaydı. MCP'den sonra, bir sunucu oluşturan herhangi bir araç, MCP uyumlu herhangi bir ana bilgisayarla çalışır.

Bir bağlantının iki tarafı ana bilgisayar (Claude Masaüstü, İmleç, Replit veya MCP uyumlu herhangi bir istemci) ve sunucu (bir aracı, veri kaynağını veya eylemi ortaya çıkaran küçük bir program) olur.

Yapay zeka sunucuyu çağırır. Sunucu işlemi yapar. Sonuçlar geri gelir. Siz arada yer almazsınız.

Tasarımcılar neden "model bağlamı" adını taşıyan bir protokole önem vermelidir?

Manuel köprüleme, MCP'nın ortadan kaldırdığı bir bedeldir. Figma dosyanızın ekran görüntüsünü bir sohbet penceresine her yapıştırdığınızda, MCP sunucusunun işini elle yapıyorsunuz. Bu bedel her oturumda, her hafta katlanarak artar.

MCP, tasarımcıların gerçekten kullandığı araçlar için bunu ortadan kaldırır:

• Tasarım dosyaları
• Bileşen kütüphaneleri
• Sürüm kontrolü
• Proje yönetimi
• Tarayıcı

Bunlar birbirine bağlandığında, Tasarımcılar için yapay zeka hikayesi "düşünmenize yardımcı olan yapay zeka" olmaktan çıkıp "mevcut yığınınızın içinde hareket eden yapay zeka" olmaya başlar. Fark artımlı değildir. Neyi devretmeye değer olduğunu değiştirir.

Mevcut Yapay zeka tasarım iş akışı araçlarının manzarası çoğunlukla mevcut uygulamaların dışına eklenen eklentilerden oluşuyor. MCP ise içeriye giren ilk mimari modeldir.

İlk Kurulmaya Değer Beş MCP Sunucusu

Aşağıdaki sıralama, marka bilinirliğine değil, çalışan bir tasarımcı için gerçekçi günlük değere göre yapılmıştır.

| Sıralama | Sunucu | Size Ne Sağlar | Kurulum Çabası |

|------|--------|----------------------|----------------|

| 1 | Figma MCP | Canlı dosya verilerini okur: bileşenler, stiller, katmanlar, varyantlar | Düşük |

| 2 | Dosya sistemi MCP | Yerel dosyaları okur ve yazar: varlıklar, dışa aktarımlar, özellikler | Düşük |

| 3 | GitHub MCP | Dallanmalar, PR'lar, sorunlar, kod araması | Düşük |

| 4 | Notion MCP | Proje dokümanları, özetler, tasarım sistemi notları | Orta |

| 5 | Tarayıcı Otomasyonu MCP | Ekran görüntüleri, canlı sayfa incelemesi | Orta |

Linear, ekibiniz tasarım biletlerini orada çalıştırıyorsa bu listede yer almalıdır. Eğer bu sizin yığınınız değilse, 4. sıraya yerleştirin ve Notion'i çıkarın. Sıralamanın geri kalanı, ekip büyüklüğünden veya araç tercihinden bağımsız olarak geçerlidir.

Figma'ün MCP sunucusu: Claude neler yapabilir

Figma.com'daki lansman yazısını okuyun.

Figma, 2025 yılında bir Geliştirici Modu MCP sunucusu yayınladı. Bir dosyaya yönlendirin ve Claude doğrudan dosyadan okuyabilir, kopyalama gerekmez:

• Bileşen adları
• Stil belirteçleri
• Katman yapısı
• Varyant özellikleri
• Tasarım özellikleri

"Düğme bileşeni hangi belirteçleri kullanıyor?" diye soruyorsunuz ve Claude dosyayı doğrudan okuyor, panonuzdan değil.

Pratik getirisi, aktarımdır. Geliştiricinin doğru bir şekilde takip edip edemeyeceği belirsiz olan bir teknik şartname belgesi yerine, geliştiriciye Claude oturumu, Figma MCP bağlı ve ilgili çerçeve seçili olarak verilir. Claude bileşeni okur, gerçek belirteçlere karşı kod yazar ve tutarsızlıkları gerçek zamanlı olarak işaretler.

Figma Dokuma, Claude aracılığıyla işbirlikçi dosya düzenlemeyi etkinleştirerek bunu daha da ileri götürür. Figma MCP sunucusu, tüm bunları mümkün kılan temeldir. Yapay zekanın göremediği şeyi otomatikleştiremezsiniz.

Dosya Sistemi ve GitHub: Varlıklar ve Sürüm Kontrolü Kombinasyonu

Dosya Sistemi MCP sunucusu, bu listedeki en az değer verilen sunucudur. Claude'ya belirttiğiniz yerel dizinlere doğrudan okuma ve yazma erişimi sağlar; bu da varlık dışa aktarımlarının, tasarım sistemi dokümantasyonunun, spesifikasyon dosyalarının ve simge setlerinin kopyala-yapıştır yapmadan sorgulanabilir hale gelmesi anlamına gelir.

Somut bir iş akışı: Bir çerçeveyi yerel varlık klasörünüze dışa aktarın, ardından Claude'dan yerel bir Markdown dosyasında tanımlanan tasarım sistemi belirteçlerine karşı denetlemesini isteyin. Claude her ikisini de okur. Sözlü bir açıklamaya dayalı bir tahmin değil, gerçek bir fark elde edersiniz.

GitHub MCP, devir teslim tarafındaki döngüyü tamamlar. Claude deponuzu okuyabildiğinde, dallar oluşturabildiğinde ve çekme isteklerine yorum yapabildiğinde, yapay zekanın canlı bileşen kodunu Figma spesifikasyonuna karşı karşılaştırabileceği ve sapmaları işaretleyebileceği bir inceleme döngüsüne sahip olursunuz. Bu, 2026'da önemsemeye değer yapay zeka destekli QA sürümüdür.

Notion ve Linear: tasarım ve ekip arasındaki döngüyü kapatma

Tasarımcılar izole bir şekilde çalışmazlar. Özetler Notion aracılığıyla gelir. Biletler Linear'de bulunur.

Yapay zeka asistanınız bunları göremiyorsa, manuel köprülemeye geri dönersiniz: özeti kopyalayın, yapıştırın, her oturumda bağlamı baştan açıklayın.

Notion MCP, Claude'ye çalışma alanınıza okuma ve yazma erişimi sağlar. İş akışı:

1. Claude, Notion sayfasından brief'i çeker.

2. Brief içeriğine göre bir tasarım gerekçesi taslağı oluşturur.

3. Gerekçeyi aynı sayfaya geri yazar.

Tek komut, sıfır bağlam karıştırma.

Linear MCP, ekibiniz işleri biletler halinde takip ediyorsa daha hızlı bir yoldur. İş akışı:

1. Bileti ve bağlantılı dosyaları okuyun.

2. Durumu inceleme aşamasında olarak güncelleyin.

3. Tasarım kararıyla ilgili bir yorum ekleyin.

Eğer zaten bir yapay zeka ajanı deseniyle çalışıyorsanız, aynı oturumda oluşturduğunuz Linear biletlerini kapatmak gerçek bir zaman tasarrufu sağlar.

Tarayıcı otomasyonu MCP: bir ekran görüntüsüne ihtiyacınız olduğunda, bir fikir kontrolüne değil

Tarayıcı otomasyon sunucuları (Playwright MCP şu anda en istikrarlı seçenektir) Claude'in bir URL açmasına, ekran görüntüsü almasına ve DOM'u incelemesine olanak tanır. Tasarımcılar için bu, tarayıcıyı manuel olarak açıp gözle kontrol etmeden, gönderilen işin görsel kalite kontrolünü yapmak anlamına gelir.

Claude'ten fiyatlandırma sayfasındaki kahraman bölümünün onaylanmış aralık spesifikasyonuna uyup uymadığını kontrol etmesini isteyin. Tarayıcı-MCP akışı:

1. Claude URL'yi açar.

2. İstenen görüntüleme alanında ekran görüntüsünü alır.

3. Erişim izni verdiğiniz spesifikasyonla (Dosya sistemi veya Notion MCP) karşılaştırır.

4. Tutarsızlıkları satır içi olarak rapor eder.

Piksel hassasiyetinde değil, ancak alternatife göre çok daha hızlı.

Aynı model rekabet araştırması için de geçerlidir. Claude'ten üç rakip açılış sayfasının ekran görüntüsünü almasını ve bilgi hiyerarşisini karşılaştırmasını isteyin. Bu eskiden yarım günlük bir işti. Tarayıcı otomasyonu MCP ile beş dakika sürüyor.

MCP Masaüstü ve İmleç'te Claude kurulumu

cursor.com adresinden canlı olarak izleyin.

Claude Masaüstü ve İmleç aynı yapılandırma formatını kullanır. Mac'te, Claude Masaüstü'nün yapılandırması ~/Library/Application Support/Claude/claude_desktop_config.json adresinde bulunur. İmleç bunu kendi ayarlar panelinde saklar ancak aynı JSON biçimini kabul eder.

Yol yer tutucularını gerçek dizinleriniz ve belirteçlerinizle değiştirin, ardından sunucuyu yeniden başlatın.

{ "mcpServers": { "filesystem": { "command": "npx", "args": ["-y", "@modelcontextprotocol/server-filesystem", "/Users/yourname/Desktop", "/Users/yourname/Documents"] }, "github": { "command": "npx", "args": ["-y", "@modelcontextprotocol/server-github"], "env": { "GITHUB_PERSONAL_ACCESS_TOKEN": "your_token_here" } }, "figma": { "command": "npx", "args": ["-y", "figma-developer-mcp", "--figma-api-key", "your_figma_token_here"] }, "notion": { "command": "npx", "args": ["-y", "@notionhq/notion-mcp-server"], "env": { "OPENAPI_MCP_HEADERS": "{\"Authorization\": \"Bearer your_notion_token\"}" } }, "playwright": { "command": "npx", "args": ["-y", "@playwright/mcp"] } } }

Bağlantı aktif olduğunda sunucular Claude'un araç panelinde görünür. Yeniden başlatmanın ardından bir sunucu görünmezse, aşağıdaki hata ayıklama bölümünde kontrol listesi bulunur.

Mevcut araçlarınıza entegre edilmiş, yapay zeka tabanlı bir tasarım iş akışı mı istiyorsunuz? Brainy bunları tasarlıyor ve gönderiyor.

MCP sessizce başarısız olduğunda: hata ayıklama kontrol listesi

MCP sunucuları, görünür hatalar vermekten daha sık sessizce başarısız olur. Bir sunucu görünmüyorsa veya komutlar hiçbir şey döndürmüyorsa, herhangi bir şeyi yeniden yüklemeden önce bu listeyi gözden geçirin.

• Node.js, 18 veya daha yüksek bir sürümdür (node --version)
• Yapılandırma dosyası geçerli bir JSON'dur (eksik bir virgül tüm dosyayı sessizce bozar)
• API belirteçlerinin doğru kapsamları vardır (Figma okuma erişimine, GitHub depo erişimine ihtiyaç duyar)
• Yapılandırmadaki dosya sistemi yolları diskte gerçekten mevcuttur
• Claude Masaüstü tamamen kapatılıp yeniden başlatıldı, sadece kapatılmadı
• Yapılandırmada yinelenen sunucu adları yok (JSON'da yinelenen anahtarlar, sonuncusu uyarı vermeden kazanır)
• İşlem hataları için ~/Library/Logs/Claude/ adresindeki Claude Masaüstü günlüklerini kontrol edin

İmleç, ayarlar panelinde bir MCP bağlantı durumu göstergesi gösterir. Kırmızı, sunucu işleminin başlatılamadığını gösterir; bu neredeyse her zaman Node sürüm uyuşmazlığı veya geçersiz dosya yolundan kaynaklanır.

SSS

Bir MCP sunucusu bir eklenti değildir

Bir eklenti, belirli bir uygulama için oluşturulmuş birinci taraf bir entegrasyondur. Bir MCP sunucusu, herhangi bir MCP uyumlu ana bilgisayarın çağırabileceği genel bir araçtır. Bir sunucu, Claude Desktop, Cursor ve Replit'te değişiklik yapılmadan çalışır. Eklentiler bu sınırı aşmaz.

MCP sunucularını kullanmak için kod yazmam gerekiyor mu? Hayır. Bu makaledeki her sunucu, kod yazmadan çalışan npx aracılığıyla kurulur. Bir JSON yapılandırma dosyasını düzenlemeniz ve ilgili uygulamalardan API belirteçleri oluşturmanız gerekir. Bu, programlama değil, kopyala-yapıştır işidir.

MCP yalnızca Claude için mi?

MCP, Anthropic'da başladı ancak spesifikasyon açık. Cursor bunu benimsedi, Replit destek ekledi ve GitHub'in MCP sunucusu herhangi bir sunucuda çalışıyor. Ekosistem, herhangi bir satıcının yol haritasından daha hızlı genişliyor.

MCP sunucuları Figma dosyalarıma yazabilir mi?

Figma MCP sunucusu şu anda salt okunurdur. Dosya sistemi MCP, yazılabilir bir dizine işaret ederseniz yazma işlemi yapabilir. GitHub MCP dallar oluşturabilir ve yorumlar ekleyebilir. Önemli olan herhangi bir şeyi bağlamadan önce her sunucunun belgelerini kontrol edin.

Figma dosya verilerim makinemden ayrılacak mı?

Claude, Figma dosyanızı MCP sunucusu aracılığıyla okuduğunda, veriler Claude'ın çıkarım API'sinden geçer. İstemci çalışmalarını bağlamadan önce Anthropic'ın veri kullanım politikasını inceleyin. MCP sunucu işlemi yerel olarak çalışır; Veriler üçüncü bir tarafa değil, Claude'nın uç noktasına gider.

Bir MCP sunucusu oturum ortasında çökerse ne olur?

Claude o araca erişimini kaybeder ancak oturum devam eder. O sunucuya yapılan araç çağrıları, sohbette Claude'nın ortaya çıkardığı bir hata döndürür. Konuşmanız ve diğer bağlı sunucular etkilenmez.

Daha büyük model: Yapay zeka, sizin kullandığınız araçlara entegre edilmiş durumda

Replit.com'da canlı olarak izleyin.

Tasarımda hızlı yüzeyler konuşması her zaman aynı duvara çarpar: Yapay zeka sizin bildiklerinizi bilmiyor. Dosyanızı, biletinizi, varlık kütüphanenizi, sürüm geçmişinizi görmüyor. Oturumun yarısını onunla çalışmak yerine ona bilgi vererek geçiriyorsunuz.

MCP, bu duvara mimari bir cevaptır. Sunucular genç, yapılandırma bazı yerlerde kaba ve verimli çalışmaya başlamadan önce bir saat kurulumla uğraşacaksınız. Bu tek seferlik maliyet, yapay zekanın araçlarınızın içinde yer aldığı, sizin onları tanımlamanızı beklemediği bir iş akışı sağlıyor.

Claude Code tasarımcılar için bu modelin mantıksal uzantısıdır. Yapay zeka dosyalarınızı okuyup araçlarınız üzerinde işlem yapabildiğinde, yapay zeka asistanı ile yapay zeka işbirlikçisi arasındaki çizgi, gönderebileceğiniz şeyleri değiştirecek şekilde bulanıklaşır.

MCP sizi oraya götüren kablolamadır. Bir kez kurun ve köprü olmaktan vazgeçin.