figma-create-design-system-rulesالغرض والاستخدام والمصدر

ما تفعله هذه المهارة

يُنشئ هذا البرنامج قواعد نظام تصميم مخصصة لقاعدة بيانات المستخدم. يُستخدم عندما يطلب المستخدم إنشاء قواعد نظام تصميم، أو إنشاء قواعد لمشروعه، أو إعداد قواعد تصميم، أو تخصيص إرشادات نظام التصميم، أو عند رغبته في وضع اتفاقيات خاصة بالمشروع لسير عمل Figma-to-code. يتطلب هذا البرنامج اتصالاً بخادم Figma MCP.

طريقة الاستخدام وفق المستند الأصلي

- IMPORTANT: Always use components from `[YOUR_PATH]` when possible
- Place new UI components in `[COMPONENT_DIRECTORY]`
- Follow `[NAMING_CONVENTION]` for component names
- Components must export as `[EXPORT_PATTERN]`

المتطلبات والإعداد

الحدود وفحوصات الجودة

ابدأ بتجربة آمنة

1. تحقق من المضيف المدعوم وتعليمات تثبيت المستودع. احتفظ بمجلد المهارات والبرامج النصية والأصول والوثائق المشار إليها معًا؛SKILL.mdقد يؤدي وجود شخص واحد فقط إلى إغفال بعض التبعيات.
2. زوّد البرنامج ببياناتك الفعلية، والمخرجات المطلوبة، ومعايير القبول. يعتمد بناء جملة الاستدعاء والأدوات المتاحة على النظام المضيف؛ ولا يفترض هذا الموقع وجود أمر تثبيت موحد.
3. جرّب سير العمل الأصلي في مشروع مؤقت أو على نسخة احتياطية. راجع العمليات التي تُغيّر الملفات أو الخدمات البعيدة أو الموارد القابلة للفوترة قبل السماح بها.
4. تحقق من صحة المخرجات بمقارنتها بفحوصات جودة المصدر ومتطلباتك الخاصة. لا يُعدّ نجاح عملية التشغيل أو ارتفاع عدد النجوم في المستودع دليلاً على صحة النتيجة.

مواصفات ملف المهارة وبنية المجلدات ↗

اقرأ المزيد في المصدر

• ملخص
• ما هي قواعد نظام التصميم؟
• المتطلبات الأساسية
• متى تستخدم هذه المهارة
• سير العمل المطلوب
• خطوة1قم بتشغيل أداة إنشاء قواعد نظام التصميم
• خطوة2تحليل قاعدة التعليمات البرمجية
• خطوة3: إنشاء قواعد خاصة بالمشروع
• خطوة4حفظ القواعد في ملف القواعد المناسب
• خطوة5التحقق والتكرار
• القواعد الأساسية (يجب تضمينها دائمًا)
• قواعد مُوصى بها (قيّمة للغاية)
• قواعد اختيارية (خاصة بالمشروع)
• مثال1مشروع React + Tailwind
• مثال2مشروع Vue + CSS مخصص
• مثال3فريق تصميم النظام:
• ابدأ ببساطة، ثم كرر العملية.
• كن دقيقاً
• اجعل القواعد قابلة للتنفيذ
• استخدم كلمة "هام" للقواعد الحرجة
• وثّق السبب
• المشكلة: لا يلتزم الموظف بالقواعد
• المشكلة: تعارض القواعد مع بعضها البعض
• المشكلة: كثرة القواعد تزيد من زمن الاستجابة
• المشكلة: تصبح القواعد قديمة مع تطور المشروع
• فهم قواعد نظام التصميم
• مصادر إضافية

المهارات ذات الصلة

• chatgpt-appsopenai/skills
• figmaopenai/skills
• figma-code-connect-componentsopenai/skills
• figma-create-new-fileopenai/skills

الترجمة والنطاق

يختار دليل القراءة هذا مقاطع من المصدر الرئيسي المثبتSKILL.mdهذه الترجمة مساعدة. وهي ليست دليلاً كاملاً ولا تضمن التوافق المُختَبَر. يُرجى قراءة النص الأصلي والملفات المُشار إليها قبل الاستخدام.

تشير هذه المقدمة إلى النسخة المثبتة أدناه؛ ويتم عرض نشاط المستودع الحالي ووقت التجميع بشكل منفصل.

المصدر بإصدار ثابت

اقرأ الأصل ↗

تم استرجاع المصدر

2026-10-29T09:32:23Z

معرّف نسخة Git

49f948faa9258a0c61caceaf225e179651397431

المصدر SHA-256

1f4d7e16ba5325a80da32e2e6bde0ea850ba9287f35f4675d51d55d2f0dc6e2a