Agent Skills
› NeverSight/learn-skills.dev
› figma2cocos
figma2cocos
GitHub将Figma设计的CSS样式坐标转换为Cocos引擎坐标系。基于Figma左上角原点与Cocos屏幕中心原点的差异,自动计算x、y位置,并可选返回字体大小,忽略其他CSS属性。
Trigger Scenarios
用户输入包含width、height、left、top属性的CSS样式代码
需要将Figma设计稿中的节点定位数据迁移至Cocos项目
Install
npx skills add NeverSight/learn-skills.dev --skill figma2cocos -g -y
SKILL.md
Frontmatter
{
"name": "figma2cocos",
"description": "在用户提供CSS样式且包含 width \/ height \/ left \/ top 4个属性时使用figma2cocos技能"
}
背景知识
figma中设计分辨率是w1080 h2340 figma中坐标都是以左上角为0,0 cocos中是以屏幕中心为0,0
一个例子 用户输入css 其实是某个figma节点的属性 width: 68; height: 68; top: 438px; left: 968px;
这个节点在cocos中的计算是 x = left - 1080/2 + 68/2 y = 2340/2 - top - 68/2
按以下步骤完成任务
1.进行计算 x = 968 - 1080/2 + 68/2 = 968 - 540 + 34 = 462 y = 2340/2 - 438 - 68/2 = 1170 - 438 - 34 = 698
2.再次重算核对结果
3.给用户返回计算出的x和y的值
4.如果包含 font-size 属性,给用户返回加上 字体大小是xx
注意:其余属性忽视
Version History
- e0220ca Current 2026-07-05 21:31


