سألني أحد الأصدقاء عما إذا كان لدي طريقة جيدة لإنشاء تعليمات برمجية ل Figma ، وأسلوبه الحالي هو تصدير كود HTML من Figma ثم السماح ل GitHub Copilot بإعادة كتابة الكود المصدر وفقا لتنسيق المكون في قاعدة التعليمات البرمجية. وجد أنه من الصعب نسخ الكود ولصقه وكتابة مجموعة من المطالبات لمساعد الطيار لإعادة كتابتها. لست على دراية كبيرة ب Figma ، لذلك اقترحت أن يحاول التقاط لقطة شاشة لنتائج Figma مباشرة أو تصدير PNG ، ثم إرسال لقطة الشاشة إلى Copilot حتى يتمكن Copilot من إنشاء رمز واجهة المستخدم بناء على لقطة الشاشة في خطوة واحدة. وقال إن الأنماط التي تم الحصول عليها بهذه الطريقة ليست دقيقة مثل تلك التي يتم تصديرها من Figma ، بعد كل شيء ، تتمتع Figma بألوان وأحجام دقيقة ، في حين أن الأنماط التي تم إنشاؤها بواسطة الذكاء الاصطناعي ليست دقيقة للغاية. اقترحت أن يفكر في الجمع بين الاثنين ، وتصدير الكود وإنشاء لقطات شاشة في نفس الوقت ، ثم إرسال لقطات الشاشة ، ورمز تصدير Figma ، وأوصاف المكونات إلى الذكاء الاصطناعي (مفصولة بعلامات XML في الموجه) ، بحيث يمكن تحقيق التوازن بين إنشاء واجهة المستخدم ودقة النمط. المطالبات المرجعية هي كما يلي: [لقطة شاشة لتصميم واجهة المستخدم] <Figma导出代码>. . [كود فيجما ......] . .</Figma导出代码> <UI组件说明>. . [وصف مكون واجهة مستخدم React ......] . .</UI组件说明> ما ورد أعلاه هو مخطط تصميم واجهة المستخدم ورمز Figma المقابل ، يرجى الرجوع إلى وصف مكون واجهة المستخدم وإعادة إنشاء رمز واجهة المستخدم باستخدام مكون واجهة المستخدم الذي قدمته.