Model Bağlam Protokolü MCP, yapay zeka aracılarının veri kaynaklarına ve araçlara bağlanmasına olanak tanıyan açık bir standarttır. Tasarımcılar için bu, bir yapay zeka kodlama aracının ekran görüntüsünden tahmin yapmak yerine doğrudan tasarım dosyasını okuyabileceği ve bazı durumlarda tasarımın kendisini oluşturabileceği veya değiştirebileceği anlamına geliyor.
Figma, AI aracılarına değişkenler, bileşenler ve düzen gibi tasarım bağlamı sağlayan ve böylece seçilen çerçevelerden kod oluşturabilen bir MCP sunucusuna sahiptir. Ayrıca yerel Figma içeriğini tuvale geri yazabilir; Figma, bu özelliğin beta aşamasında ücretsiz olduğunu ve kullanıma dayalı hale getirilmesinin planlandığını belirtiyor. Figma'in yardım merkezine göre MCP sunucusu Başlangıç, Profesyonel, Eğitim, Organizasyon, Kamu ve Kurumsal planlarda mevcuttur.
Penpot'in ücretsiz ve açık bir MCP sunucusu vardır. Penpot, bunu Claude, Cursor, Visual Studio Code ve OpenAI Codex dahil olmak üzere herhangi bir MCP istemcisi ve modeliyle çalışacak şekilde tanımlıyor ve ekipler, tasarım verilerini gizli tutmak için bunu kendi sunucularına dağıtabilirler.
Yaptığımız ExodeUI, etkileşimli kullanıcı arayüzü ve animasyon için bir MCP sunucusuna sahiptir. Claude Code, Cursor ve diğer yapay zeka kodlama araçları, düz dildeki istemlerden durumlar, bahar fiziği, girişler ve olaylar da dahil olmak üzere animasyonlar oluşturabilir ve düzenleyebilir. Sonuç, çalışma zamanı paketlerinin React, Vue, Svelte, Angular, Solid, React Native, SwiftUI ve Flutter'te oynatıldığı açık bir .exode dosyasıdır.
Diğer araçlar MCP desteğini hızla ekliyor, bu nedenle seçim yapmadan önce her satıcının belgelerini kontrol edin. Örneğin Icons8, simge ve çizim kitaplığı için Lunacy tasarım uygulamasının yanı sıra kullanışlı olan ancak Lunacy dosyalarını düzenlemeyen bir MCP sunucusu sunar.