Figma Skills, yapay zeka Tasarım Ajanının sizin özel bağlamınızda nasıl davranacağını yönlendiren markdown tabanlı talimatlardır. Bunları yeniden kullanılabilir özel promptlar olarak düşünün — bir kez yazarsınız ve ekibinizin konvansiyonlarını, bileşen kurallarını ve kalite standartlarını kodlar, böylece ajan her seferinde bunları otomatik olarak takip eder.
Herkes bir skill yazabilir. Kod gerektirmez. Plugin geliştirme gerektirmez. API entegrasyonu gerektirmez. Sadece ajanın ne yapması ve nasıl yapması gerektiğini açıklayan markdown metni. Skills, genel UI üreten bir ajan ile SİZİN ekibinizin UI'ını üreten bir ajan arasındaki farktır.
Ana Çıkarım
Skills, Tasarım Ajanını genel bir yapay zekadan SİZİN ekibinizin yapay zekasına dönüştürür. Skills olmadan ajan varsayılan konvansiyonları kullanır ve tercihlerinizi tahmin eder. Skills ile spacing sisteminizi, bileşen adlandırma kurallarınızı, erişilebilirlik gereksinimlerinizi ve marka yönergelerinizi otomatik olarak takip eder. 3-4 skill yazmaya harcanan 30 dakika, haftalarca ajan kullanımında saatlerce düzeltme işinden tasarruf sağlar.
Figma Skill'ini Oluşturan Unsurlar Nelerdir?
| Skill Öğesi | Ne Yapar | Örnek |
|---|---|---|
| İsim (/ ile) | Nasıl çağırdığınız | /create-settings-page |
| Amaç | Skill'in ne yaptığı (bir cümle) | "Ekip konvansiyonlarımızı takip eden bir ayarlar sayfası oluştur" |
| Adımlar | Ajanın takip ettiği sıralı talimatlar | "1. Her grup için Section Header kullan..." |
| Konvansiyonlar | Ajanın uyması gereken kurallar | "Her zaman 8px grid kullan, asla absolute positioning kullanma" |
| Bileşenler | Hangi yayınlanmış bileşenleri kullanacağı | "Boolean ayarlar için Toggle/Switch kullan" |
| Değişkenler | Hangi tasarım token'larını uygulayacağı | "Arka planlar için color-surface-primary kullan" |
| Yapmaması Gerekenler | Ajanın kaçınması gerekenler | "Sayfa başına asla 3'ten fazla başlık seviyesi kullanma" |
Figma şu konuları kapsayan 9 örnek skill ile başladı: bileşen kütüphaneleri oluşturma, brieflerden yeni tasarımlar üretme, erişilebilirlik spesifikasyonları hazırlama, çoklu ajan iş akışlarını koordine etme ve tasarım token'larını kod ile senkronize etme. Bunları figma.com/community/skills adresinde keşfedin. Temel skill olan /use-figma, ajana Figma'nın yapısal olarak nasıl çalıştığına dair ortak bir anlayış verir. Ekipler oradan özelleştirme yapar.
İlk Skill'inizi Yazma (Örnekle)
En çok tekrar ettiğiniz tasarım göreviyle başlayın. Haftalık form düzenleri oluşturuyorsanız, bir /form-layout skill'i yazın. İşte eksiksiz, gerçek dünya örneği:
Bu skill ajana ekibinizin formları tam olarak nasıl oluşturduğunu söyler. Onsuz ajan Figma'nın varsayılan konvansiyonlarını kullanır. Onunla, ajanın ürettiği her form sizin özel standartlarınızı takip eder — ekip üyeleri arasında tutarlı, projeler arasında tutarlı.
📬 Bundan değer alıyor musunuz?
Haftada bir uygulanabilir yapay zeka içgörüsü. Ayrıca abone olduğunuzda ücretsiz prompt paketi.
Ücretsiz abone ol →Skills'in Diğer Yapay Zeka Özel Talimatlarıyla Karşılaştırması
Skills kavramsal olarak diğer yapay zeka araçlarındaki özel talimat sistemlerine benzer:
| Araç | Özel Talimatlar | Kim Tarafından Oluşturuluyor | Paylaşılıyor mu? |
|---|---|---|---|
| Figma Skills | Tasarım Ajanını yönlendiren Markdown dosyaları | Ekip tarafından manuel | Evet (Topluluk kütüphanesi) |
| ChatGPT Özel Talimatlar | Tüm ChatGPT yanıtlarını şekillendiren metin | Kullanıcı tarafından manuel | Hayır (sadece kişisel) |
| Claude Code CLAUDE.md | Kodlama ajanı için proje seviyesi talimatlar | Ekip tarafından manuel | Evet (repo üzerinden) |
| Hermes Agent Skills | Otomatik oluşturulan yeniden kullanılabilir görev kalıpları | Kullanımdan otomatik | Evet (skill kütüphanesi) |
Temel ayrım: Hermes Agent tamamlanan görevlerden otomatik olarak skills oluşturur — çalışırken öğrenir. Figma manuel skill oluşturma gerektirir — ona açıkça öğretirsiniz. Hermes'in yaklaşımı kullanımla ölçeklenir; Figma'nın yaklaşımı size daha fazla kontrol verir ama ön yatırım gerektirir. Her ikisi de araçları özel talimatlar olmadan kullanmaktan daha iyi yapay zeka çıktısı üretir.
Tüm bu sistemlerdeki temel ilke aynıdır: yapay zeka tercihleriniz, konvansiyonlarınız ve standartlarınız hakkında açık bağlamla daha iyi performans gösterir. Figma Skill, ChatGPT Özel Talimatları veya Claude CLAUDE.md dosyası yazıyor olun, ICCSSE çerçevesi daha iyi talimatlar üretir. Ücretsiz Prompt Optimizer bu yapıyı otomatik olarak uygular — skill taslağınızı yapıştırın, daha net bir versiyonunu geri alın.
Her Tasarım Ekibinin İhtiyaç Duyduğu 4 Temel Skill
1. /form-layout — Ekip genelinde form tasarımını standartlaştırır. (Yukarıdaki örnek.)
2. /page-layout — Sayfa yapısı konvansiyonlarınızı tanımlar: header yerleşimi, sidebar genişliği, içerik maksimum genişliği, footer yapısı, navigasyon kalıpları, responsive kırılma noktaları.
3. /component-variant — Ajana mevcut sisteminize uygun yeni bileşen varyantları nasıl oluşturacağını söyler: adlandırma konvansiyonları, durum tanımları (varsayılan, hover, aktif, devre dışı, hata), boyut ölçeği (sm, md, lg) ve dokümantasyon gereksinimleri.
4. /accessibility-check — Erişilebilirlik standartlarınızı tanımlar: WCAG seviyesi (AA vs AAA), minimum dokunma hedefi boyutları, kontrast oranları, başlık hiyerarşisi kuralları, gerekli ARIA etiketleri ve ekran okuyucu açıklama formatı. Detaylar için erişilebilirlik spesifikasyonları rehberimize bakın.
📬 Bunun gibi daha fazlasını istiyor musunuz?
Haftada bir uygulanabilir yapay zeka içgörüsü. Ayrıca abone olduğunuzda ücretsiz prompt paketi.
Ücretsiz abone ol →Sık Sorulan Sorular
Kaç skill oluşturmalıyım?
En yaygın tasarım görevlerinizi kapsayan 3-4 tanesiyle başlayın: bir form skill'i, bir sayfa düzeni skill'i, bir bileşen varyantı skill'i ve bir erişilebilirlik kontrol skill'i. Bunlar günlük tasarım işinin %80'ini kapsar. Ajanın tutarsız şekilde ele aldığı tekrarlanan kalıpları tespit ettikçe daha fazla skill ekleyin.
Skills birbirini çağırabilir mi?
Evet — skills diğer skills'e referans verebilir, zincirleme iş akışları oluşturabilir. Bir /new-feature skill'i giriş bölümleri için /form-layout'u, sonra uyumluluk incelemesi için /accessibility-check'i çağırabilir. Bu, tek bir çağrıdan karmaşık çok adımlı iş akışları sağlar.
Skills kredi tüketiyor mu?
Skill'in kendisi (markdown talimatları) kredi tüketmez. Skill'in tetiklediği ajan eylemleri (tasarım üretme, bileşen düzenleme) normal oranda kredi tüketir. İyi yazılmış bir skill aslında ilk denemede daha iyi çıktı üreterek kredi tasarrufu sağlayabilir — daha az iterasyon, daha az kredi tüketen yeniden üretim demektir.
Skills'i Figma topluluğuyla paylaşabilir miyim?
Evet — Figma'nın topluluk skills kütüphanesi skills yayınlamanıza ve gözden geçirmenize olanak tanır. Bu, yaygın kalıplar (dashboard düzenleri, onboarding akışları, ayarlar sayfaları) için diğer tasarım ekiplerinin yazdığı skills'i sıfırdan yazmadan kullanabileceğiniz anlamına gelir.
Skills nerede saklanıyor?
Skills Figma organizasyonunuz veya kişisel hesabınızla ilişkilendirilir. Ekip seviyesi skills tüm ekip üyelerine erişilebilir; kişisel skills sadece size erişilebilir. En önemli skills'lerinizi ekip seviyesinde saklayın böylece tüm tasarımcılar aynı konvansiyonlardan faydalanır.
Açıklama: Bu makaledeki bazı linkler affiliate linkleridir. Sadece kişisel olarak test ettiğimiz ve düzenli kullandığımız araçları öneriyoruz. Tam açıklama politikamızı görün.