Figma tasarımlarını AI geliştirme iş akışlarına bağlayan, piksel mükemmelliğinde kod ve varlıklar çıkarmak için araçlar sağlayan bir MCP sunucusu.
sunnysideFigma-Context-MCP, kurulum öncesi dokümantasyonu kontrol edilmesi gereken ve güven notları incelenmesi gereken bir araç. En iyi sonuç için uyumlu agent ve kullanım senaryosu eşleşmesini kontrol et.
Repository başlangıç yönlendirmesi
gh repo view tercumantanumut/sunnysideFigma-Context-MCP --webResmi repo veya web sitesini aç.
README'deki package manager, auth ve platform gereksinimlerini kontrol et.
Kendi agent/workflow içinde küçük bir test görevinde dene.
Bu araç, Figma tasarım dosyalarını AI kodlama asistanlarına bağlar. Figma katmanlarınızdan doğal dil kullanarak doğrudan CSS, React bileşenleri ve tasarım tokenları çıkarmanızı sağlar. Gerçek zamanlı çıkarma için bir Figma eklentisiyle veya başsız erişim için Figma REST API'si ile kullanabilirsiniz.
Sunnyside Figma MCP, Figma tasarımlarını AI geliştirme iş akışlarına bağlayan kapsamlı bir Model Context Protocol (MCP) sunucusudur. Figma tasarımlarından doğrudan piksel mükemmelliğinde kod, varlıklar ve bileşen yapıları çıkarmak için 30 özel araç sağlar. Sunucu iki veri yolunu destekler: en yüksek doğruluk için Figma'nın yerel getCSSAsync() işlevini kullanan bir eklenti köprüsü ve başsız erişim için Figma REST API'si. CSS, React bileşenleri, Tailwind bileşenleri, styled-components ve daha fazlasını oluşturabilir. Sunucu stdio, SSE veya Streamable HTTP taşımalarıyla çalıştırılabilir, bu da onu Claude Code, Cursor ve GitHub Copilot gibi çeşitli MCP istemcileriyle uyumlu hale getirir.
Kullanılabilir görünüyor, fakat bakım, lisans veya güvenlik notlarını gözden geçirmek iyi olur.
Son commit yaklaşık 99 gün önce.
37 GitHub yıldızı topluluk ilgisini gösteriyor.
0 açık issue bakım yükü hakkında sinyal verir.
NOASSERTION lisansı görünüyor.
Web geliştirme için Figma katmanlarından piksel mükemmelliğinde CSS çıkarma
Tasarım çerçevelerinden Tailwind sınıflarıyla React bileşenleri oluşturma
CI/CD boru hatlarında tasarımdan koda geçişi otomatikleştirme
Figma projelerinden uygulama yapısını ve mimarisini analiz etme
Tutarlı temalama için tasarım tokenları ve değişkenler oluşturma
Gizli tutulması gereken bir Figma Kişisel Erişim Belirteci gerektirir
Eklenti köprüsü, tasarım verilerini yerel MCP sunucusuna gönderir; ağ güvenliğini sağlayın
REST API erişimi, belirteç tehlikeye girerse tasarım verilerini açığa çıkarabilir
37
Yıldız
6
Fork
0
Açık Sorun
NOASSERTION
Lisans
Herhangi bir web sitesinin tüm tasarım sistemini tek komutla çıkarın.
UI bileşenleriniz için tasarım sistemi dokümantasyonunu doğrudan AI ajanınızdan oluşturun, Figma veya taşınabilir .md dosyalarına dönüştürün.
Argos, ekiplerin kaliteyi korumasına yardımcı olan, istenmeyen UI değişikliklerini tespit eden açık kaynaklı bir görsel test platformudur.
Figma tasarımlarını AI geliştirme iş akışlarına bağlayan, piksel mükemmelliğinde kod ve varlıklar çıkarmak için araçlar sağlayan bir MCP sunucusu.
Figma tasarımlarını koda dönüştürmesi gereken ön uç geliştiriciler, Tasarımdan koda otomasyonu üzerinde çalışan tasarım mühendisleri, MCP uyumlu kodlama ajanlarını kullanan AI destekli geliştiriciler
Kurulum bölümü repository düzeyinde başlangıç yönlendirmesi sunar; bağımsız bir kurulum testi garantisi değildir. Resmi README ve sürüm notlarını kontrol edin.
Gizli tutulması gereken bir Figma Kişisel Erişim Belirteci gerektirir Eklenti köprüsü, tasarım verilerini yerel MCP sunucusuna gönderir; ağ güvenliğini sağlayın
Değerlendirilebilecek benzer veya tamamlayıcı araçlar: design-extract, uSpec, Argos.
7 Haz 2026
3 güvenlik/güven notu kayıtlı.
Kurulum zorluğu 3/5.