Tasarımcılar için MCP: Figma, Tokenlar ve Kodu Claude ve Cursor'e Bağlama

Basit bir ifadeyle MCP nedir?

Resmi MCP belgeleri, bunu yapay zeka uygulamalarını dosyalar, veritabanları ve araçlar gibi harici sistemlere bağlamak için açık kaynaklı bir standart olarak tanımlıyor. Bunun kendi örneklerinden biri, Claude Code'in bir Figma tasarımından tam bir web uygulaması oluşturmasıdır. Bir tasarımcı için önemli olan kısım şudur: Yapay zekanın artık tasarımınızın neye benzediğini tahmin etmesine gerek yok. Doğrudan tasarım aracına sorabilir.

MCP sunucularıyla bugün tasarım araçları

Ekim 2026 itibarıyla:

• Figma: aracılara kod oluşturma için tasarım bağlamı (değişkenler, bileşenler, düzen) sağlayan ve yerel içeriği tuvale geri yazabilen bir MCP sunucusu. Figma bunu Starter ve ücretli planlarda listeliyor; Kanvas yazımı beta sürümünde ücretsizdir.
• Penpot: Claude, Cursor, VS Code ve OpenAI Codex dahil olmak üzere herhangi bir MCP istemcisiyle çalışan ve kendi kendine barındırılabilen ücretsiz, açık bir MCP sunucusu.
• ExodeUI (biz yapıyoruz): AI kodlama araçlarının durumlar ve yay fiziği ile etkileşimli animasyonlar oluşturmasına ve düzenlemesine olanak tanıyan bir MCP sunucusu.
• Belirteçleri tasarlayın: Belirteçleriniz JSON olarak bir depoda yaşıyorsa, bir AI kodlama aracı bunları zaten dosya olarak okuyabilir; özel bir sunucu yalnızca bir aracın içinde saklanan tokenler için gereklidir.

Tasarımcılar bunu gerçekte nasıl kullanıyor?

En yaygın iş akışları sihirli olmaktan ziyade pratiktir. Geliştiriciler bir çerçeve seçer ve yapay zekadan bunu mevcut bileşen kitaplığıyla uygulamasını ister. Tasarımcılar yapay zekadan kodlanmış ekranın tasarımla eşleşip eşleşmediğini kontrol etmesini ve farklılıkları listelemesini istiyor. Ekipler yapay zekadan bir bileşenin belirteçlerini kod tabanında güncellemesini ister. Ve tasarımcılar, değişkenleri doğrudan tuval üzerinde taslak haline getirmek ve ardından bunları elle hassaslaştırmak için yapay zekayı giderek daha fazla kullanıyor.

Sunucu bağlama

Claude Code, projedeki Claude mcp add komutuyla veya bir .mcp.json dosyası aracılığıyla sunucular ekler ve yerel sunucuların yanı sıra uzak HTTP sunucularını da destekler. Cursor, MCP sunucularını ayarlarında yönetir ve yerel (stdio) ve uzak sunucuları destekler. Uzak sunucular genellikle sizden OAuth ile bir kez oturum açmanızı ister. Her satıcı, sunucusunun tam komutunu veya URL'sini belgeler.

Nelere dikkat edilmeli

MCP, yapay zeka araçlarına gerçek erişim sağlar; dolayısıyla buna herhangi bir entegrasyon gibi davranın:

• İzinler: tuvale veya depoya yazabilen bir aracı da hata yapabilir. Sürüm geçmişini kullanın ve değişiklikleri inceleyin.
• Gizlilik: Tasarım verilerinin nereye gittiğini ve planınızın buna izin verip vermediğini kontrol edin.
• Maliyet: Bazı yazma özellikleri beta sürümde ücretsizdir ve kullanıma dayalı olması planlanmaktadır.
• Kalite: Yapay zeka çıktısı, yalnızca sistem adlandırılmış bileşenler ve belirteçlerle iyi yapılandırılmışsa tasarım sisteminizi takip eder.