figma-create-design-system-rules

สร้างไฟล์ Figma เปล่าใหม่ ใช้เมื่อผู้ใช้ต้องการสร้างไฟล์ออกแบบ Figma หรือไฟล์ FigJam ใหม่ หรือเมื่อคุณต้องการไฟล์ใหม่ก่อนเรียกใช้ use_figma จัดการการแก้ไขแผนผ่าน whoami หากจำเป็น การใช้งาน — /figma-create-new-file [editorType] [fileName] (เช่น /figma-create-new-file figjam My Whiteboard)

ใช้สกิลนี้ควบคู่กับ figma-use เมื่อภารกิจเกี่ยวข้องกับการแปลหน้าแอปพลิเคชัน มุมมอง หรือเค้าโครงหลายส่วนลงใน Figma ทริกเกอร์: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code' นี่คือสกิลเวิร์กโฟลว์ที่ต้องการเมื่อผู้ใช้ต้องการสร้างหรืออัปเดตหน้าเต็ม หน้าจอ หรือมุมมองใน Figma จากโค้ดหรือคำอธิบาย ค้นหาคอมโพเนนต์ ตัวแปร และสไตล์ของระบบดีไซน์ผ่าน search_design_system นำเข้า และประกอบหน้าจอทีละส่วนโดยใช้โทเค็นของระบบดีไซน์แทนค่าที่เขียนตายตัว

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

Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.

We need to translate the given English text into Thai. The instruction says to preserve product names, protocol names, URLs, numbers, technical terms. The name "figma-use" is not in the text, so we don't include it. The text is a description of a prerequisite for using a skill. We must translate naturally while keeping terms like "use_figma", "JavaScript", "Figma", "auto-layout", "fills", "variables", "tokens", "components", "variants" as is. Also preserve "MANDATORY prerequisite" as is? Probably translate but keep the emphasis. The instruction says "preserve product names, protocol names, URLs, numbers, and technical terms." So "Figma" is a product name, "JavaScript" is a technical term, "use_figma" is a function name, "auto-layout", "fills", "variables", "tokens", "components", "variants" are technical terms. We should keep them in English. Also "MANDATORY prerequisite" might be kept as is

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.