chatgpt figma plugin

ปลั๊กอิน ChatGPT Figma

เวอร์ชัน 0.3.6

ปลั๊กอิน ChatGPT รุ่นทดลองสำหรับ Figma

---

ภาพรวม

ปลั๊กอินทดลองนี้ช่วยให้นักออกแบบสามารถใช้ประโยชน์จาก ChatGPT ของ Open AI ได้โดยตรงภายใน Figma อิมเมจ "การสร้าง" ได้รับการอำนวยความสะดวกผ่าน Lexica และ Unsplash นอกจากนี้ยังมีแผงขนาดเล็กสำหรับรันโค้ดและมินิคอนโซล

เนื่องจากปลั๊กอินนี้เป็นรุ่นทดลองและใช้ประโยชน์จาก ChatGPT API ที่ไม่เป็นทางการ ปลั๊กอินจึงทำงานเฉพาะใน "โหมดนักพัฒนาซอฟต์แวร์" เท่านั้น และอาจหยุดทำงานหรือหยุดทำงานเมื่อใดก็ได้ คุณควรจะคุ้นเคยกับเทอร์มินัลพอสมควร เนื่องจากการตั้งค่าจะยุ่งยากเล็กน้อย และเซิร์ฟเวอร์จะต้องรีสตาร์ทบ่อยครั้งเนื่องจากความสนใจของ 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 > การพัฒนา > นำเข้าปลั๊กอินจากรายการ...
3. เอาล่ะ!

---

การใช้งาน

เพียงป้อนคำถามหรือคำขอสำหรับ ChatGPT คลิกปุ่ม ส่ง (ไอคอนเครื่องบินกระดาษ) และ (หลังจากนั้นไม่กี่วินาที) ผลลัพธ์จะเป็นดังนี้:

1. วางไข่กล่องข้อความใหม่หรือ
2. แทนที่เนื้อหาข้อความของกล่องข้อความที่เลือก
3. เกิดข้อผิดพลาด... ลองอีกครั้ง?

เปิดแผง Lexica เพื่อค้นหา Lexica สำหรับงานที่สร้างโดย AI ที่ตรงกับคำอธิบายของคุณ

เปิดแผง โค้ด และป้อนจาวาสคริปต์ Figma Plugin API ที่ถูกต้องที่คุณต้องการดำเนินการ ระวัง! ทำได้โดยใช้ eval() และไม่ปลอดภัยที่สุด -

เปิดแผง คอนโซล เพื่อแสดงเอาต์พุตคอนโซลเล็กๆ เพื่อให้คุณสามารถเห็นสิ่งที่เกิดขึ้นเบื้องหลัง

---

สร้าง

สั่งการ	คำอธิบาย
npm run build	รันกระบวนการสร้าง Webpack หนึ่งครั้ง
npm run clean	ทำความสะอาด ./build build และไฟล์แคชใด ๆ
npm run dev	รันกระบวนการสร้าง Webpack และเฝ้าดูการเปลี่ยนแปลง สร้างใหม่ตามความจำเป็น
npm run dev:serve	เช่นเดียวกับ dev แต่มี UI ที่สามารถเข้าถึงได้ผ่าน http://localhost:8080
npm run serve	รันเซิร์ฟเวอร์ระดับกลาง ChatGPT API http://localhost:3000 สิ่งนี้จำเป็นสำหรับปลั๊กอินในการทำงาน