figma/mcp-server-guide
mcp-server-guide
☆ 2,2k · Python · Claude'a kurulur · Codex'e kurulur
Açıklama
Figma'nın resmi MCP sunucusunun rehberi. Claude'a Figma tasarımını okutup koda çevirtir.
Kurulum
Claude Code’a kurulur. Prompt’u kodlama ajanına yapıştır.
Şu aracı Claude Code'a kurmak istiyorum: https://github.com/figma/mcp-server-guide README'sini oku ve neyin kurulacağını söyle (skill, eklenti, MCP sunucusu, hook); birden fazla kurulum yolu varsa farklarını anlat. Tüm projelerde mi (kullanıcı düzeyi, ~/.claude) yoksa sadece bu projede mi kurulması gerektiğini öner ve bana sor. Projeye dosya yazacak ya da mevcut ayarları veya CLAUDE.md'yi değiştirecekse önceden söyle. Onaylarsam kur ve nasıl kullanılacağını kısaca göster.
Codex’e kurulur. Prompt’u kodlama ajanına yapıştır.
Şu aracı Codex'e kurmak istiyorum: https://github.com/figma/mcp-server-guide README'sini oku ve Codex için neyin kurulacağını söyle (skill, eklenti, MCP sunucusu, hook); birden fazla kurulum yolu varsa farklarını anlat. Tüm projelerde mi (kullanıcı düzeyi, ~/.codex ya da ~/.agents/skills) yoksa sadece bu projede mi kurulması gerektiğini öner ve bana sor. Projeye dosya yazacak ya da ~/.codex/config.toml'u veya AGENTS.md'yi değiştirecekse önceden söyle. Onaylarsam kur ve nasıl kullanılacağını kısaca göster.
Kaynak
Nate HerkInstagramBenzer repolar
Alt kategori: Tasarım sistemi ve FigmaTanınmış markaların tasarım sistemlerinden çıkarılmış hazır DESIGN.md dosyaları. Birini projene koyup ajana "buna benzeyen bir sayfa yap" dersin, arayüz o tasarım diline tutarlı çıkar.
Claude Design'ın açık kaynak alternatifi olan masaüstü uygulaması: bilgisayardaki kodlama ajanını (Claude Code, Codex vb.) kullanarak prototip, landing page, sunum, görsel ve video üretir; HTML/PDF/PPTX/MP4 olarak dışa aktarır.
Google'ın DESIGN.md biçimi: renk, yazı tipi, köşe ve boşluk değerlerini (YAML) ve tasarımın gerekçesini tek dosyada tanımlar; kodlama ajanları arayüzü bu dosyaya göre üretir.