Figma to code th
Skill PiNocPie/thai-claude-skills/skills/designer/figma-to-code-th
67 hand-picked Thai-language Claude Skills for working professionals and students 🇹🇭 · Free, open source
npx -y skills add PiNocPie/thai-claude-skills --skill figma-to-code-thAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 12 stars12 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Figma design → React/HTML 1:1 | สำหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'figma to code', 'figma code'
SKILL.md
2.2 KB, as published. Nobody here has run it
แปลง Figma เป็นโค้ด
🇹🇭 ดัดแปลงเป็นภาษาไทยจาก openai/skills · License: MIT
ทำอะไรได้
Figma design → React/HTML 1:1
เหมาะกับใคร
designer, UX/UI หรือคนที่ต้อง review งานออกแบบ
ใช้ตอน:
- มีไฟล์ Figma แต่ไม่มีเวลา review ทีละหน้า
- อยากได้ feedback แบบ structured ไม่ใช่ "สวยดี/ไม่สวย"
- ต้องส่งให้ stakeholder แต่อยากรอบคอบก่อน
บอก Claude ยังไง
แค่พิมพ์เป็นภาษาไทยปกติ ไม่ต้องจำชื่อ skill เพราะ Claude จะหยิบใช้เองตาม trigger ที่กำหนดไว้
ตัวอย่าง:
"ช่วยแปลง Figma เป็นโค้ด ให้หน่อย บริบทคือ [อธิบายสถานการณ์ของคุณ]"
"figma to code สำหรับ [กลุ่มเป้าหมาย], อยากได้แบบ [น้ำเสียง/สไตล์]"
Claude จะถามข้อมูลที่ยังขาด (เช่น กลุ่มเป้าหมาย น้ำเสียง บริบทธุรกิจ) ก่อนเริ่มทำงาน
ที่ต้องระวัง
AI ไม่เห็นรูปจริง, ใช้สำหรับ structure/heuristics ได้ แต่ visual judgment ยังต้องคน
🔙 กลับไปดู skill ทั้งหมด · 🐛 แจ้ง bug / ขอแก้ · 📜 License เต็ม