مهارات Figma هي تعليمات مبنية على markdown توجه كيفية تصرف وكيل التصميم بالذكاء الاصطناعي في سياقك المحدد. فكر فيها كمطالبات مخصصة قابلة لإعادة الاستخدام — تكتبها مرة واحدة، وهي تشفر اتفاقيات فريقك وقواعد المكونات ومعايير الجودة حتى يتبعها الوكيل تلقائياً في كل مرة.
يمكن لأي شخص كتابة مهارة. لا حاجة للبرمجة. لا تطوير إضافات. لا تكامل API. فقط نص markdown يصف ما يجب أن يفعله الوكيل وكيف يجب أن يفعله. المهارات هي الفرق بين وكيل ينتج واجهة مستخدم عامة ووكيل ينتج واجهة مستخدم فريقك تحديداً.
النقطة الأساسية
المهارات تحول وكيل التصميم من ذكاء اصطناعي عام إلى ذكاء اصطناعي خاص بفريقك. بدون المهارات، يستخدم الوكيل الاتفاقيات الافتراضية ويخمن تفضيلاتك. مع المهارات، يتبع نظام المسافات الخاص بك وقواعد تسمية المكونات ومتطلبات إمكانية الوصول وإرشادات العلامة التجارية تلقائياً. 30 دقيقة لكتابة 3-4 مهارات توفر ساعات من التصحيح خلال أسابيع من استخدام الوكيل.
مما تتكون مهارة Figma؟
| عنصر المهارة | ما يفعله | مثال |
|---|---|---|
| الاسم (مع /) | كيفية استدعائها | /create-settings-page |
| الغرض | ما تفعله المهارة (جملة واحدة) | "إنتاج صفحة إعدادات تتبع اتفاقيات فريقنا" |
| الخطوات | التعليمات المرتبة التي يتبعها الوكيل | "1. استخدم عنوان القسم لكل مجموعة..." |
| الاتفاقيات | القواعد التي يجب على الوكيل اتباعها | "استخدم دائماً شبكة 8px، لا تستخدم أبداً الموضع المطلق" |
| المكونات | أي مكونات منشورة للاستخدام | "استخدم Toggle/Switch للإعدادات المنطقية" |
| المتغيرات | أي رموز تصميم للتطبيق | "استخدم color-surface-primary للخلفيات" |
| الممنوعات | ما يجب على الوكيل تجنبه | "لا تستخدم أبداً أكثر من 3 مستويات عناوين لكل صفحة" |
أطلقت Figma مع 9 مهارات مثال تغطي: بناء مكتبات المكونات، وإنتاج تصاميم جديدة من الموجزات، وإنتاج مواصفات إمكانية الوصول، وتنسيق سير العمل متعدد الوكلاء، ومزامنة رموز التصميم مع الكود. استكشفها في figma.com/community/skills. المهارة الأساسية، /use-figma، تعطي الوكيل فهماً مشتركاً لكيفية عمل Figma هيكلياً. الفرق تخصص من هناك.
كتابة مهارتك الأولى (مع مثال)
ابدأ بمهمة التصميم الأكثر تكراراً لديك. إذا كنت تنشئ تخطيطات النماذج أسبوعياً، اكتب مهارة /form-layout. إليك مثال كامل من العالم الحقيقي:
هذه المهارة تخبر الوكيل بالضبط كيف يبني فريقك النماذج. بدونها، يستخدم الوكيل اتفاقيات Figma الافتراضية. معها، كل نموذج ينتجه الوكيل يتبع معاييرك المحددة — متسق عبر أعضاء الفريق، متسق عبر المشاريع.
📬 تستفيد من هذا؟
رؤية واحدة قابلة للتنفيذ حول الذكاء الاصطناعي أسبوعياً. بالإضافة إلى حزمة مطالبات مجانية عند الاشتراك.
اشترك مجاناً ←كيف تقارن المهارات بتعليمات الذكاء الاصطناعي المخصصة الأخرى
المهارات مشابهة مفاهيمياً لأنظمة التعليمات المخصصة في أدوات الذكاء الاصطناعي الأخرى:
| الأداة | التعليمات المخصصة | أنشأها | مشتركة؟ |
|---|---|---|---|
| Figma Skills | ملفات Markdown توجه وكيل التصميم | يدوياً من قبل الفريق | نعم (مكتبة المجتمع) |
| ChatGPT Custom Instructions | نص يشكل جميع استجابات ChatGPT | يدوياً من قبل المستخدم | لا (شخصي فقط) |
| Claude Code CLAUDE.md | تعليمات على مستوى المشروع لوكيل البرمجة | يدوياً من قبل الفريق | نعم (عبر المستودع) |
| Hermes Agent Skills | أنماط مهام قابلة لإعادة الاستخدام منتجة تلقائياً | تلقائياً من الاستخدام | نعم (مكتبة المهارات) |
الفارق الأساسي: Hermes Agent ينشئ المهارات تلقائياً من المهام المكتملة — يتعلم أثناء عملك. Figma يتطلب إنشاء المهارات يدوياً — تعلمه صراحة. نهج Hermes يتوسع مع الاستخدام؛ نهج Figma يعطيك مزيد من التحكم لكن يتطلب استثماراً مقدماً. كلاهما ينتج مخرجات ذكاء اصطناعي أفضل من استخدام الأدوات بدون تعليمات مخصصة.
المبدأ الأساسي هو نفسه عبر جميع هذه الأنظمة: الذكاء الاصطناعي يؤدي بشكل أفضل مع سياق صريح حول تفضيلاتك واتفاقياتك ومعاييرك. سواء كنت تكتب مهارة Figma أو تعليمات ChatGPT المخصصة أو ملف Claude CLAUDE.md، فإن إطار عمل ICCSSE ينتج تعليمات أفضل. محسن المطالبات المجاني يطبق هذا الهيكل تلقائياً — الصق مسودة مهارتك، احصل على نسخة أوضح.
4 مهارات أساسية يحتاجها كل فريق تصميم
1. /form-layout — يوحد تصميم النماذج عبر الفريق. (المثال أعلاه.)
2. /page-layout — يحدد اتفاقيات هيكل الصفحة الخاصة بك: موضع الرأس، عرض الشريط الجانبي، العرض الأقصى للمحتوى، هيكل التذييل، أنماط التنقل، نقاط الكسر المتجاوبة.
3. /component-variant — يخبر الوكيل كيفية إنشاء متغيرات مكونات جديدة تطابق نظامك الموجود: اتفاقيات التسمية، تعريفات الحالة (افتراضي، تحوم، نشط، معطل، خطأ)، مقياس الحجم (sm, md, lg)، ومتطلبات التوثيق.
4. /accessibility-check — يحدد معايير إمكانية الوصول الخاصة بك: مستوى WCAG (AA مقابل AAA)، أحجام الأهداف اللمسية الدنيا، نسب التباين، قواعد تسلسل العناوين، تسميات ARIA المطلوبة، وتنسيق تعليق قارئ الشاشة. راجع دليل مواصفات إمكانية الوصول للتفاصيل.
📬 تريد المزيد مثل هذا؟
رؤية واحدة قابلة للتنفيذ حول الذكاء الاصطناعي أسبوعياً. بالإضافة إلى حزمة مطالبات مجانية عند الاشتراك.
اشترك مجاناً ←الأسئلة الشائعة
كم مهارة يجب أن أنشئ؟
ابدأ بـ 3-4 تغطي مهام التصميم الأكثر شيوعاً لديك: مهارة النماذج، ومهارة تخطيط الصفحة، ومهارة متغير المكون، ومهارة فحص إمكانية الوصول. هذه تغطي 80% من عمل التصميم اليومي. أضف مزيد من المهارات عندما تحدد أنماطاً متكررة يتعامل معها الوكيل بشكل غير متسق.
هل يمكن للمهارات استدعاء مهارات أخرى؟
نعم — يمكن للمهارات الإشارة إلى مهارات أخرى، مما ينشئ سير عمل متسلسل. مهارة /new-feature يمكن أن تستدعي /form-layout لأقسام الإدخال، ثم /accessibility-check لمراجعة الامتثال. هذا يمكّن سير عمل معقد متعدد الخطوات من استدعاء واحد.
هل تستهلك المهارات النقاط؟
المهارة نفسها (تعليمات markdown) لا تستهلك نقاطاً. إجراءات الوكيل التي تثيرها المهارة (إنتاج التصاميم، تحرير المكونات) تستهلك النقاط بالمعدل العادي. مهارة مكتوبة جيداً قد توفر فعلياً النقاط بإنتاج مخرجات أفضل في المحاولة الأولى — تكرارات أقل تعني إعادة إنتاج أقل استهلاكاً للنقاط.
هل يمكنني مشاركة المهارات مع مجتمع Figma؟
نعم — مكتبة مهارات مجتمع Figma تتيح لك نشر وتصفح المهارات. هذا يعني أنه يمكنك استخدام المهارات المكتوبة من قبل فرق تصميم أخرى للأنماط الشائعة (تخطيطات لوحة المعلومات، تدفقات الإعداد، صفحات الإعدادات) دون كتابتها من الصفر.
أين تُخزن المهارات؟
المهارات مرتبطة بمؤسسة Figma أو الحساب الشخصي الخاص بك. مهارات مستوى الفريق متاحة لجميع أعضاء الفريق؛ المهارات الشخصية متاحة لك فقط. خزن مهاراتك الأكثر أهمية على مستوى الفريق حتى يستفيد جميع المصممين من نفس الاتفاقيات.
إفصاح: بعض الروابط في هذا المقال هي روابط تابعة. نحن نوصي فقط بالأدوات التي اختبرناها شخصياً ونستخدمها بانتظام. راجع سياسة الإفصاح الكاملة الخاصة بنا.