figma

โดย openai

ดึงข้อมูลบริบทการออกแบบ ภาพหน้าจอ และทรัพยากรจาก Figma จากนั้นแปลการออกแบบเป็นโค้ดที่ใช้งานจริง ให้คำสั่งหลักสามคำสั่ง: get_design_context สำหรับการแสดงโหนดแบบมีโครงสร้าง, get_screenshot สำหรับการอ้างอิงภาพ, และการดาวน์โหลดทรัพยากรผ่านเอนด์พอยต์ localhost ต้องมีขั้นตอนการทำงานที่บังคับ: ดึงบริบทการออกแบบ, ดึงภาพหน้าจอ, ดาวน์โหลดทรัพยากร จากนั้นนำไปใช้งานโดยใช้ข้อกำหนดของโปรเจกต์และโทเค็นการออกแบบ ส่งออก React + Tailwind เป็นตัวแทนการออกแบบ การนำไปใช้งานต้องนำกลับมาใช้ซ้ำ...