# figma-create-design-system-rules

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

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.

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

## Bir bakışta

**Bu skill ne işe yarar?** “Site yapımı ve arayüz” alanında bir skill. Yayıncının tanımı: Generates custom design system rules for the user's codebase.

**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-create-design-system-rules 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-create-design-system-rules 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-create-design-system-rules 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.