webflow-mcp:figma-to-webflow

โดย webflow

สร้างหน้า Webflow ส่วนของหน้า คอมโพเนนต์ หรือเว็บไซต์ทั้งหมดจากดีไซน์ใน Figma โดยใช้ Figma MCP และ Webflow MCP (Designer Bridge + Data API) ใช้เมื่อใดก็ตามที่...

npx skills add https://github.com/webflow/webflow-skills --skill webflow-mcp:figma-to-webflow

ดาวน์โหลด ZIP GitHub

Skills เพิ่มเติมจาก webflow

cms-collection-setup

สร้างคอลเลกชัน CMS ใหม่ใน Webflow พร้อมฟิลด์และความสัมพันธ์ที่ระบุ ใช้เมื่อตั้งค่าโพสต์บล็อก สินค้า สมาชิกทีม ผลงาน หรืออื่นๆ…

bulk-cms-update

สร้างหรืออัปเดตรายการ CMS หลายรายการในคอลเลกชัน Webflow พร้อมการตรวจสอบความถูกต้องและตัวอย่างการเปรียบเทียบ ใช้เมื่อเพิ่มโพสต์บล็อกหลายรายการ สินค้า หรืออัปเดตฟิลด์…

cms-collection-setup

สร้างคอลเลกชัน CMS ใหม่ใน Webflow พร้อมฟิลด์และความสัมพันธ์ที่ระบุ ใช้เมื่อตั้งค่าโพสต์บล็อก สินค้า สมาชิกทีม ผลงาน หรืออื่นๆ…

ค้นหาและแก้ไขลิงก์ที่เสียหรือไม่ปลอดภัยทั่วทั้งเว็บไซต์ รวมถึงเนื้อหา CMS เพื่อปรับปรุง SEO และประสบการณ์ผู้ใช้ ตรวจสอบปัญหาของ HTTP/HTTPS และตรวจสอบความถูกต้อง…

custom-code-management

เพิ่ม ตรวจสอบ หรือลบสคริปต์แบบกำหนดเองในเว็บไซต์ Webflow (สูงสุด 10,000 ตัวอักษร) ใช้สำหรับการวิเคราะห์ พิกเซลติดตาม วิดเจ็ตแชท หรือการปรับแต่งอื่นๆ…

accessibility-audit

ดำเนินการตรวจสอบการเข้าถึงอย่างครอบคลุม (WCAG 2.1) บนหน้าเว็บ Webflow — ตรวจสอบปุ่ม ฟอร์ม ลิงก์ สถานะโฟกัส หัวข้อ การนำทางด้วยแป้นพิมพ์ และสร้าง…

Analyze assets on a Webflow site for SEO optimization. Identifies assets missing alt text and assets with non-SEO-friendly names, then generates and applies…

bulk-cms-update

สร้างหรืออัปเดตรายการ CMS หลายรายการในคอลเลกชัน Webflow พร้อมการตรวจสอบความถูกต้องและการแสดงตัวอย่างความแตกต่าง ใช้เมื่อเพิ่มบทความบล็อก ผลิตภัณฑ์หลายรายการ หรืออัปเดตฟิลด์ต่างๆ…