دليل قراءة متعدد اللغات للمهارة
figma-code-connect-componentsالغرض والاستخدام والمصدر
يربط هذا البرنامج مكونات تصميم Figma بمكونات البرمجة باستخدام أدوات ربط Code Connect. يُستخدم عندما يطلب المستخدم ربط المكونات بالبرمجة، أو ربط هذا المكون بالبرمجة، أو ربط هذا المكون بالبرمجة، أو إنشاء ربط Code Connect، أو عندما يرغب في إنشاء روابط بين تصميمات Figma وتطبيقات البرمجة. للكتابة على اللوحة، استخدمuse_figma، يستخدمfigma-use.
تم استرجاع المصدر:
- مستودع المصدر
- openai/skills
- SKILL.md
skills/.curated/figma-code-connect-components/SKILL.md- نجوم المستودع
- 28,420
- آخر تحديث للمستودع
- 2026-10-29
- تصنيف القدرات
- تصميم
- وقت التجميع الأخير
الترخيص: غير محدد
مقتطفات سير العمل هي أدوات مساعدة للقراءة، وليست تعليمات تنفيذية من Codez. لم يتم تشغيل أي مهارة تابعة لجهة خارجية لإنتاج هذه الصفحة.
تُعدّ فقرات الغرض وسير العمل الواردة أدناه موادًا أساسية، مُنظّمة ومترجمة لتسهيل القراءة. وهي تختلف عن التحليل التحريري لـ Codez المُصنّف بشكل منفصل.
ما تفعله هذه المهارة
يربط هذا البرنامج مكونات تصميم Figma بمكونات البرمجة باستخدام أدوات ربط Code Connect. يُستخدم عندما يطلب المستخدم ربط المكونات بالبرمجة، أو ربط هذا المكون بالبرمجة، أو ربط هذا المكون بالبرمجة، أو إنشاء ربط Code Connect، أو عندما يرغب في إنشاء روابط بين تصميمات Figma وتطبيقات البرمجة. للكتابة على اللوحة، استخدمuse_figma، يستخدمfigma-use.
طريقة الاستخدام وفق المستند الأصلي
ملخص
تساعدك هذه المهارة على ربط مكونات تصميم Figma بتنفيذاتها البرمجية المقابلة باستخدام ميزة Code Connect في Figma. فهي تحلل بنية تصميم Figma، وتبحث في قاعدة التعليمات البرمجية الخاصة بك عن المكونات المتطابقة، وتنشئ روابط تحافظ على اتساق التصميم مع التعليمات البرمجية.
مقتطف من المصدر · L8 ↗خطوة1احصل على اقتراحات Code Connect
يتصلget_code_connect_suggestionsلتحديد جميع المكونات غير المُرتبطة في عملية واحدة. تقوم هذه الأداة تلقائيًا بما يلي: جلب معلومات المكونات من مخطط المشهد في Figma، وتحديد المكونات المنشورة في التحديد، والتحقق من ارتباطات Code Connect الموجودة وتصفية المكونات المتصلة بالفعل.
get_code_connect_suggestions(fileKey=":fileKey", nodeId="1:2")المتطلبات والإعداد
المتطلبات الأساسية
يجب أن يكون خادم Figma MCP متصلاً ويمكن الوصول إليه. يجب على المستخدم تقديم عنوان URL لـ Figma مع معرف العقدة:https://figma.com/design/:fileKey/:fileName?node-id=1-2
الحدود وفحوصات الجودة
لم يتم تحديد أي مقطع حدود منفصل من هذا الملف. هذا لا يعني أن المهارة آمنة لكل مدخلات أو بيئة. راجع المصدر بالكامل وتحقق من صحة النتيجة بنفسك.
ابدأ بتجربة آمنة
- تحقق من المضيف المدعوم وتعليمات تثبيت المستودع. احتفظ بمجلد المهارات والبرامج النصية والأصول والوثائق المشار إليها معًا؛SKILL.mdقد يؤدي وجود شخص واحد فقط إلى إغفال بعض التبعيات.
- زوّد البرنامج ببياناتك الفعلية، والمخرجات المطلوبة، ومعايير القبول. يعتمد بناء جملة الاستدعاء والأدوات المتاحة على النظام المضيف؛ ولا يفترض هذا الموقع وجود أمر تثبيت موحد.
- جرّب سير العمل الأصلي في مشروع مؤقت أو على نسخة احتياطية. راجع العمليات التي تُغيّر الملفات أو الخدمات البعيدة أو الموارد القابلة للفوترة قبل السماح بها.
- تحقق من صحة المخرجات بمقارنتها بفحوصات جودة المصدر ومتطلباتك الخاصة. لا يُعدّ نجاح عملية التشغيل أو ارتفاع عدد النجوم في المستودع دليلاً على صحة النتيجة.
اقرأ المزيد في المصدر
- ملخص
- حدود المهارات
- المتطلبات الأساسية
- سير العمل المطلوب
- خطوة1احصل على اقتراحات Code Connect
- الخيار أ: استخدام
figma-desktopMCP (لم يتم توفير عنوان URL) - الخيار ب: عند توفير رابط Figma
- خطوة2: فحص قاعدة التعليمات البرمجية بحثًا عن المكونات المطابقة
- خطوة3عرض النتائج للمستخدم
- خطوة4إنشاء خرائط Code Connect
- مثال1توصيل مكون الزر
- مثال2مكونات متعددة مع تحديد جزئي
- مثال3: إنشاء مكونات مطلوبة
- اكتشاف المكونات الاستباقي
- مطابقة دقيقة للبنية
- تواصل واضح
- التعامل مع الغموض
- التدهور الرشيق
- المشكلة: "لم يتم العثور على أي مكونات منشورة في هذا الاختيار"
- المشكلة: "خدمة Code Connect متاحة فقط في باقات المؤسسات والشركات"
- المشكلة: لم يتم العثور على مكون مطابق في قاعدة التعليمات البرمجية
- المشكلة: "لم يتم العثور على المكون المنشور" (CODE_CONNECT_ASSET_NOT_FOUND)
- المشكلة: "المكون مرتبط بالفعل بالرمز" (CODE_CONNECT_MAPPING_ALREADY_EXISTS)
- المشكلة: "لا توجد صلاحيات كافية لإنشاء عملية الربط" (CODE_CONNECT_INSUFFICIENT_PERMISSIONS)
- المشكلة: فشل ربط Code Connect مع أخطاء في عنوان URL
- المشكلة: تم العثور على مكونات متشابهة متعددة
- فهم كود كونكت
- مصادر إضافية
المهارات ذات الصلة
الترجمة والنطاق
يختار دليل القراءة هذا مقاطع من المصدر الرئيسي المثبتSKILL.mdهذه الترجمة مساعدة. وهي ليست دليلاً كاملاً ولا تضمن التوافق المُختَبَر. يُرجى قراءة النص الأصلي والملفات المُشار إليها قبل الاستخدام.
تشير هذه المقدمة إلى النسخة المثبتة أدناه؛ ويتم عرض نشاط المستودع الحالي ووقت التجميع بشكل منفصل.
- المصدر بإصدار ثابت
- اقرأ الأصل ↗
- تم استرجاع المصدر
- معرّف نسخة Git
49f948faa9258a0c61caceaf225e179651397431- المصدر SHA-256
0f19edad8aed28063a3517c419fbcbef5421d024f189fd02a17fae25093ec69d