Figma MCP Server vs Figma MCP

Figma MCP Server ne zaman seçilir

• Tasarımı koda aktarırken değişken adlarını ve değerlerini korumak istiyorsanız Figma MCP Server seçin. get_variable_defs, seçimin kullandığı renk, boşluk ve tipografi değişkenlerini çıkarır. Böylece ajan, kodda başvurabileceği tasarım tokenlarını doğrudan okuyabilir.
• Ekibiniz Figma bileşenlerini kod tabanındaki bileşenlere Code Connect ile bağlıyorsa bu sunucuyu tercih edin. Belgelenen iş akışı mevcut bileşenleri yeniden kullanmayı destekler. Eklentilerde bileşen eşleme ve tasarım sistemi kuralları için beceriler de bulunur.
• Bir ekranı uygularken hem yapısal bilgiye hem görsel referansa ihtiyaç duyuyorsanız bu sunucuyu kullanın. get_design_context tasarım bağlamını getirir, get_metadata düğümleri belirlemeye yardımcı olur, get_screenshot ise uygulamayı karşılaştırabileceğiniz bir görüntü döndürür.
• Ajanın Figma dosyasındaki içeriği düzenlemesini de istiyorsanız uzak sunucuyu seçin. Ajanlar uygun becerilerle frame, bileşen, değişken ve auto layout oluşturabilir veya değiştirebilir. Kılavuz, tuvale yazma özelliğini yalnızca uzak sunucu için belgeliyor.

Figma MCP ne zaman seçilir

• Cursor'da bir Figma dosyası, frame veya grup bağlantısı paylaşarak tasarımı uygulamaya başlıyorsanız Figma MCP seçin. Sunucu, ajanın kod yazarken kullanması için Figma'dan tasarım verisini alır. Belgelerdeki kullanım akışı doğrudan bu bağlantı paylaşımıyla başlar.
• Modelin alacağı bağlamı düzen ve stil bilgileri etrafında daraltmak istiyorsanız bu sunucuyu tercih edin. Sunucu, Figma API yanıtını modele iletmeden önce sadeleştirip dönüştürür; yerleşim, tipografi, renk ve bileşen bilgilerini aktarır.
• MCP istemcinizin stdio üzerinden yerel bir Node süreci başlatmasını istiyorsanız bu sunucuyu kullanın. Belgelenen yapılandırma npx çalıştırır. Figma erişim tokenını komut argümanıyla veya yapılandırmadaki FIGMA_API_KEY ortam değişkeniyle siz tanımlarsınız.
• İşiniz tasarım verisini okumak ve görselleri indirmek üzerine kuruluysa bu sunucuyu seçin. Listelenen get_figma_data ve download_figma_images araçları bu iki işe karşılık gelir; dosyadan tasarım bilgisi alma ve görsel indirme adımlarını kapsar.

Temel farklar

• Figma MCP Server, barındırılan bir uç nokta ve Figma masaüstü uygulaması üzerinden yerel bir uç nokta sunar. İkisi de Streamable HTTP kullanır. Figma MCP'nin verilen yapılandırması ise stdio ile çalışan yerel bir Node süreci başlatır; bu süreç Figma API'sinden veri ister.
• Her ikisi de kimlik doğrulama gerektirir. Figma MCP için bir Figma erişim tokenı oluşturup yapılandırmaya eklemeniz gerekir. Figma MCP Server'ın verilen bağlantı komutunda API anahtarı argümanı yerine Figma hizmetinin adresi bulunur; sunucuya erişim yine kimlik doğrulamaya bağlıdır.
• Figma MCP Server'ın get_design_context aracı React ve Tailwind biçiminde bir tasarım temsili döndürür. Ajan bunu projenizin framework ve kod kurallarına uyarlayabilir. Figma MCP ise API yanıtından çıkardığı sadeleştirilmiş yerleşim ve stil bağlamını aktarır.
• Figma MCP Server belgeleri Code Connect, ayrı değişken çıkarma araçları, ekran görüntüleri ve uzak sunucuda tuval düzenlemeyi kapsar. Figma MCP'nin verilen belgeleri tasarım bağlamını okumaya odaklanır; araç listesinde ayrıca görsel indirme bulunur.
• Figma MCP Server'ın okuma sınırları kullanıcının planına ve koltuk türüne bağlıdır. Kılavuz, tuvale yazmanın beta süresince ücretsiz olduğunu ve ileride kullanım bazlı ücretlendirileceğini belirtir. Figma MCP'nin lisansı MIT'dir; verilen belgelerde hizmet fiyatlandırması veya ayrı API kullanım hakları tanımlanmaz.

Kurulum

Figma MCP Server'ı Claude Code'a bağlamak için claude mcp add --transport http figma https://mcp.figma.com/mcp komutunu çalıştırın. Kılavuz, MCP ayarları ve iş akışı becerileri için Claude Code'da claude plugin install figma@claude-plugins-official, Cursor'da ise /add-plugin figma komutunu önerir. VS Code'da HTTP uç noktasını ekleyin; belgelenen kullanım GitHub Copilot gerektirir.

Figma MCP için istemcinizi npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio komutunu başlatacak şekilde yapılandırın ve YOUR-KEY yerine Figma erişim tokenınızı yazın. Tokenı alternatif olarak yapılandırmanın env alanında FIGMA_API_KEY ile tanımlayabilirsiniz. Windows örneğinde istemci bu komutu cmd /c üzerinden başlatır.