الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل
chatgpt figma plugin

البرنامج المساعد ChatGPT Figma

v0.3.6

البرنامج المساعد ChatGPT التجريبي لـ Figma

ملخص

لقطة شاشة لواجهة مستخدم ChatGPT Figma Plugin

يسمح هذا البرنامج المساعد التجريبي للمصممين بالاستفادة من ChatGPT الخاص بـ Open AI مباشرة داخل Figma. يتم تسهيل "إنشاء" الصور من خلال Lexica وUnsplash. هناك أيضًا لوحة صغيرة لتنفيذ التعليمات البرمجية ووحدة تحكم صغيرة.

نظرًا لأن المكون الإضافي تجريبي ويستفيد من واجهة برمجة تطبيقات ChatGPT غير الرسمية، فإنه يعمل فقط في "وضع المطور" ويمكن أن ينقطع أو يتوقف عن العمل في أي وقت. يجب أن تكون مرتاحًا بشكل معقول مع الوحدة الطرفية، نظرًا لأن الإعداد صعب بعض الشيء ويجب إعادة تشغيل الخادم غالبًا نظرًا لاهتمام ChatGPT الحالي.

شاهد العرض التوضيحي

ابدء

المتطلبات الأساسية

  1. قم بإنشاء حساب OpenAI
  2. تأكد من تثبيت Node 18.0+ . أوصي بـ nvm للتعامل مع إصدارات العقدة.

تحميل وبناء

  1. انسخ هذا المستودع إلى دليل من اختيارك. git clone https://github.com/frederickk/chatgpt-figma-plugin.git
  2. تثبيت التبعيات الضرورية npm install
  3. قم بإنشاء ملف .env ، وأضف بيانات اعتماد تسجيل الدخول إلى OpenAI الخاصة بك OPENAI_EMAIL="..." و OPENAI_PASSWORD="..."
  4. بناء npm run build

التثبيت والتشغيل

  1. قم بتشغيل خادم ChatGPT الوسيط npm run serve .
  2. قم بتحميل البرنامج المساعد ضمن Figma Plugins > Development > Import plugin from البيان...
  3. وها هو!

الاستخدام

ما عليك سوى إدخال سؤال أو طلب لـ ChatGPT، والنقر فوق الزر إرسال (رمز الطائرة الورقية)، و(بعد بضع ثوانٍ) ستكون النتائج إما:

  1. إنشاء مربع نص جديد أو
  2. استبدال محتويات النص في مربع النص المحدد
  3. حدث خطأ... حاول مرة أخرى؟

افتح لوحة Lexica للبحث في Lexica عن العمل الذي تم إنشاؤه بواسطة الذكاء الاصطناعي والذي يتوافق مع وصفك المحدد.

افتح لوحة Code وأدخل أي جافا سكريبت صالح لـ Figma Plugin API ترغب في تنفيذه. ️ احرص! يتم ذلك باستخدام eval() وهو ليس الأكثر أمانًا ️ .

افتح لوحة وحدة التحكم لتكشف عن القليل من مخرجات وحدة التحكم حتى تتمكن من رؤية ما يحدث خلف الكواليس.

يبني

يأمر وصف
npm run build تشغيل عملية بناء Webpack مرة واحدة
npm run clean ينظف ./build وأي ملفات مخزنة مؤقتًا
npm run dev تشغيل عملية إنشاء Webpack ومراقبة التغييرات؛ إعادة البناء حسب الضرورة
npm run dev:serve مثل المطور ولكن مع إمكانية الوصول إلى واجهة المستخدم عبر http://localhost:8080
npm run serve يقوم بتشغيل خادم متوسط ​​ChatGPT API http://localhost:3000 . هذا مطلوب لكي يعمل البرنامج المساعد.
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل