Figma Create Design System Rulesyazan OpenAI

Figma Create Design System Rules Skill.

"Tasarım sistemine uyun" gibi belirsiz talimatları somut yollar ve geleneklerle değiştirin.

Figma
Tasarım Sistemleri
Ajan Kuralları

OpenDesign İndir Kullanım Kılavuzunu Görüntüle

Kaynak İncelemesi · Figma Create Design System RulesSKILL.md

Görev Figma Üretir • Projeye özel bir Figma uygulama kuralları bölümü veya dosyası • Somut bileşen, token ve varlık konumu rehberliği • Kuralları iyileştirmek için kullanılan küçük bir uygulama kontrolü Başlamadan Önce Figma MCP bağlantısı ve hedef kod tabanına erişim gerekir; hedef kural biçimi kodlama ortamına bağlıdır.

Editoryal özet · kaynak incelendi 2026-10-07 · üretilmiş bir örnek değildir

01 İşlevler

Depo Geleneklerini Figma Uygulama Kurallarına Dönüştürün

Figma uygulaması için somut ajan kuralları yazan ve test eden bir depo analizi iş akışı.

Kaynağa dayalı iş akışıYürütme kıyaslaması değildir

Çalışma Yaklaşımı

Figma Create Design System Rules, gelecekteki Figma'dan koda işler için projeye özel rehberlik üretir. Bileşenlerin nerede olduğunu, stillerin nasıl ele alındığını, token'ların nerede tanımlandığını ve uygulamaların hangi mimari kuralları koruması gerektiğini analiz eder. Çıktısı bir kural dosyasıdır; Figma bileşen kütüphanesi ya da yeniden tasarlanmış bir ekran değildir.

Kaynak, Claude Code, Codex ve Cursor için kural biçimlerini destekler. Yararlı kurallar, her depoya genel bir React veya Tailwind kalıbı dayatmak yerine gerçek bileşen yollarını ve token kaynaklarını belirtir. İş akışı, kuralları küçük bir bileşende deneyip işe yaramayanları iyileştirerek biter; çünkü yazılı bir talimat, ajanın ona tutarlı biçimde uyacağının kanıtı değildir.

Beklenen Çıktılar

Projeye özel bir Figma uygulama kuralları bölümü veya dosyası
Somut bileşen, token ve varlık konumu rehberliği
Kuralları iyileştirmek için kullanılan küçük bir uygulama kontrolü

Örnek Brife Bak

Brifden İncelemeye

01
Mevcut Kuralları İncele
Önce Figma MCP create_design_system_rules aracından temel şablonu alın. Ardından projeye özel eklemeleri hazırlamadan önce bileşen düzenini, stilleri, içe aktarmaları, yönlendirmeyi ve mevcut ajan kurallarını okuyun.
02
Uygulanabilir Eşlemeler Yaz
Gerçek bileşen ve token dosyalarını adlandırın, gereken Figma bağlamını ve ekran görüntüsü akışını açıklayın, projenin çatısını koruyun.
03
Kuralları Kaydet ve Test Et
İlgisiz talimatların üzerine yazmadan uygun ortam kural biçimini kullanın. Küçük bir Figma uygulamasını test edin ve çelişen veya işe yaramayan rehberliği kaldırın.

02 Kullanım Alanları

Ne Zaman Kullanılır

Figma MCP bağlantısı ve hedef kod tabanına erişim gerekir; hedef kural biçimi kodlama ortamına bağlıdır.

İyi Bir Uyum

Ajan Ortama AlıştırmaYeni uygulama oturumları bileşenleri tekrar tekrar çoğalttığında veya zaten token'ı olan değerleri sabit kodladığında yararlıdır.
Ekip Kurallarını YakalamaDepoya dair yazılı olmayan bilgiyi gözden geçirilebilir rehbere dönüştüren bir tasarım sistemi ekibi için uygundur.

Kontrol Edilecek Sınırlar

Kurallar Zorlama DeğildirBir kural dosyası ajana yol gösterebilir ancak lint, test veya görsel karşılaştırmanın yerini tutmaz.
Mevcut Talimatlar KorunmalıFigma rehberliği eklemek, ilgisiz depo kurallarını silmemeli veya çelişen mimari gereksinimler getirmemelidir.

Bu Girdileri Getirin

Depo ErişimiTemsil edici bileşenler ve stil dosyaları dahil gerçek projeyi sağlayın.
Ajan OrtamıEkibin kullandığı kural biçimini belirtin; örneğin AGENTS.md, CLAUDE.md veya Cursor kuralları.
Bilinen Ekip KararlarıGüvenilir biçimde çıkarılamayan kuralları, sahipliği ve onaylı istisnaları belirtin.

03 Önemli Kararlar

Önemli Kararlar

Sloganlar Yerine Belirli Yollar
Adı belirtilmiş bir Button bileşeni ve token dosyası, genel bir tutarlılık talebinden daha uygulanabilirdir.
Depoya Uyarla
Kaynak, Figma'nun ürettiği temsili, deponun kendi çatısına ve stillerine uyarlanacak tasarım bağlamı olarak ele alır.

04 Örnek Görev Tanımı

Odaklı Bir Brif Deneyin

Aşağıdaki örnek brif test edilmedi. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kurulumu İncele

Seçilmiş skill'i projenin mevcut talimat mekanizmasıyla kullanın. Bu Beta materyalleri Figma Geliştirici Koşulları'na tabidir. Kural dosyası değişikliklerini, gelecekteki ajan davranışına etkisi açısından inceleyin.

Kaynak Dosya

https://github.com/openai/skills/blob/49f948faa9258a0c61caceaf225e179651397431/skills/.curated/figma-create-design-system-rules/SKILL.md

Figma MCP bağlantısı ve hedef kod tabanına erişim gerekir; hedef kural biçimi kodlama ortamına bağlıdır.

Tek Bir Çıktıyla Başlayın

Skill'i çalıştırmadan önce bu brifteki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brif

Mevcut Figma'dan koda kurallarımızı belgelemek için figma-create-design-system-rules kullan. Önce depoyu incele, mevcut AGENTS.md dosyasını koru ve bileşen, token ve varlık yollarımızı adlandıran odaklı bir bölüm ekle. Yeni bir stil çatısı getirme. Rehberliği küçük bir bileşende doğrula ve ekip kararı gerektiren her kuralı işaretle.

Sonucu İncele

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

Başvurulan her bileşen ve token yolu mevcuttur.
Yeni kurallar mevcut proje talimatlarıyla çelişmez ve onların yerini almaz.
Küçük bir uygulama, amaçlanan yeniden kullanım ve stil kurallarına uyar.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in paketle birlikte geldiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

OpenDesign İndir Hızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak sürümünü açıklar. Kaynaktaki davranış ve gereksinimler değişebilir.

Kaynak Sahibi: OpenAI
Depo: openai/skills
Skill Dosyası: skills/.curated/figma-create-design-system-rules/SKILL.md
Lisans: Figma koşulları
İncelenen Sürüm: 2026-10-07 · 49f948faa925

Editoryal Kaynak Özeti

Figma uygulaması için somut ajan kuralları yazan ve test eden bir depo analizi iş akışı.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları, tarihli bir popülerlik göstergesidir; skill kullanımı veya kalite puanı değildir.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

Figma içinde token oluşturur mu?

Hayır. Ana çıktısı, ajanın okuyabileceği projeye özel rehberliktir. Figma içinde değişkenler ve bileşen kütüphaneleri oluşturmak farklı bir Skill'dir.

Projem React ve Tailwind kullanmak zorunda mı?

Hayır. Kaynak, ajandan deponun çatısını ve stil yaklaşımını tespit etmesini ve kuralları buna göre uyarlamasını açıkça ister.

Her gelenek bir kurala dönüştürülmeli mi?

Kaynak, bağlamı nadiren yararlı kurallarla doldurmak yerine en önemli yinelenen sorunlarla başlamayı ve rehberliği belirli tutmayı önerir.

OpenDesign

Bir Sonraki Tasarım Yinelemesine Yer Açın.

Brifinizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndir Tasarım Skill'lerine Göz At