How do I install the Figma To Code Th skill?

Run npx skillmds@latest add pinocpie/figma-to-code-th in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Figma To Code Th skill do?

แปลง Figma เป็นโค้ด It is listed under Design & Media on SkillMD.

Is Figma To Code Th safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Figma To Code Th?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Figma To Code Th free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Figma To Code Th?

PiNocPie (@pinocpie) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Figma To Code Th by pinocpie — Agent Skill

Name: Figma To Code Th
Author: PiNocPie

File contents

แปลง 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 เต็ม

---name: figma-to-code-thdescription: แปลง Figma เป็นโค้ด---# แปลง Figma เป็นโค้ด> 🇹🇭 ดัดแปลงเป็นภาษาไทยจาก [openai/skills](https://github.com/openai/skills/tree/main/skills/figma-implement-design) · 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 ทั้งหมด](../../../README.md) · 🐛 [แจ้ง bug / ขอแก้](https://github.com/PiNocPie/thai-claude-skills/issues) · 📜 [License เต็ม](../../../CREDITS.md)

Frequently asked questions

Figma To Code Th