# figma

Skill, Site yapımı ve arayüz alanında. Sayfa: https://angskills.com/k/figma

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.

- Kaynak: https://github.com/openai/skills
- Lisans: belirtilmemiş
- GitHub yıldızı: 28594
- Güncellendi: 8 Kasım 2026

## Bir bakışta

**figma ne işe yarar?** “Site yapımı ve arayüz” alanında bir skill. Yayıncının tanımı: Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code.

**Kimin işine yarar?** Web sitesi tasarımı, React ve Vue bileşenleri, Tailwind, animasyon, tarayıcı testleri ve yayına alma için skill ve MCP sunucuları.

**Hangi ajanlarda çalışır?** Claude Code, Codex, OpenCode için hazır kurulum komutu var.

**Nasıl kurulur?** Claude Code için terminalde şu komutu çalıştır: git clone --depth 1 https://github.com/openai/skills

**Güvenilir mi?** GitHub’da 28.594 yıldız almış, lisansı belirtilmemiş. Komutlar yayıncının kaydından üretildi; kurmadan önce kaynağına göz at.

## Kurulum

### Claude Code

```bash
git clone --depth 1 https://github.com/openai/skills
```

Sonra skills/.curated/figma klasörünü ajanının skills klasörüne kopyala.

### Codex

```bash
git clone --depth 1 https://github.com/openai/skills
```

Sonra skills/.curated/figma klasörünü ajanının skills klasörüne kopyala.

### OpenCode

```bash
git clone --depth 1 https://github.com/openai/skills
```

Sonra skills/.curated/figma klasörünü ajanının skills klasörüne kopyala.

Komutlar yayıncının kayıt bilgisinden üretildi; ANG skills bunları çalıştırıp denetlemedi.