figma-create-design-system-rules

โดย figma

สร้างกฎระบบการออกแบบที่กำหนดเองสำหรับโค้ดเบสของผู้ใช้ ใช้เมื่อผู้ใช้

npx skills add https://github.com/figma/dev-mode-mcp-server-guide --skill figma-create-design-system-rules

ดาวน์โหลด ZIP GitHub

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

figma-code-connect

สร้างและดูแลไฟล์เทมเพลต Figma Code Connect ที่แมปส่วนประกอบของ Figma กับโค้ดสั้นๆ ใช้เมื่อผู้ใช้พูดถึง Code Connect, ส่วนประกอบของ Figma…

figma-create-new-file

สร้างไฟล์ Figma เปล่าใหม่ ใช้เมื่อผู้ใช้ต้องการสร้างไฟล์ออกแบบ Figma หรือไฟล์ FigJam ใหม่ หรือเมื่อคุณต้องการไฟล์ใหม่ก่อนเรียกใช้ use_figma

figma-generate-design

ใช้สกิลนี้ควบคู่กับ figma-use เมื่องานเกี่ยวข้องกับการแปลหน้าแอปพลิเคชัน มุมมอง หรือเลย์เอาต์หลายส่วนลงใน Figma ทริกเกอร์: 'write to…

figma-generate-diagram

MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. Routes to type-specific guidance (generic flowchart, architecture…

figma-generate-library

สร้างหรืออัปเดตระบบการออกแบบระดับมืออาชีพใน Figma จากโค้ดเบส ใช้เมื่อผู้ใช้ต้องการสร้างตัวแปร/โทเค็น สร้างไลบรารีคอมโพเนนต์ ตั้งค่า…

figma-implement-design

แปลการออกแบบจาก Figma เป็นโค้ดแอปพลิเคชันที่พร้อมใช้งานจริง โดยคงความเที่ยงตรงทางภาพแบบ 1:1 ใช้เมื่อต้องการสร้างโค้ด UI จากไฟล์ Figma หรือเมื่อผู้ใช้กล่าวถึง…

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first.…

figma-use-figjam

ทักษะนี้ช่วยให้เอเจนต์ใช้เครื่องมือ MCP use_figma ของ Figma ในบริบทของ FigJam สามารถใช้ควบคู่กับ figma-use ซึ่งมีบริบทพื้นฐานสำหรับการใช้…