figma-mcp-stdio 0.1.11 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.js +6 -8
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -19,7 +19,7 @@ server.addTool({
|
|
|
19
19
|
return String(`
|
|
20
20
|
1. 使用能够获取Figma设计稿数据的工具提取页面的JSON结构数据
|
|
21
21
|
2. 页面整体的nodeId节点ID需要转换，使用【Figma节点ID转换规则】来获取转换规则，使用【下载Figma图片工具】下载页面的截图
|
|
22
|
-
3.
|
|
22
|
+
3. 判断有无用户输入的图片描述，若有使用【下载Figma图片工具】下载图片，若无则【获取打标图片节点ID】，只下载打标图片节点，节点里面的图片不下载，入参的图片格式为png格式，语义化命名，用于替换生成页面中的节点，下载的图片保存到编辑文件同级的images目录下
|
|
23
23
|
4. 使用【批量压缩图片工具】对下载的所有图片文件进行压缩优化，减少文件大小提升页面加载性能
|
|
24
24
|
5. 使用【获取图片详情工具】获取截图详情，根据详情内容生成页面，结合JSON数据优化样式，截图为主，JSON数据为辅。分段生成代码，例如template、script、scss，防止任务过大超时
|
|
25
25
|
6. 调用【检查页面工具】检查页面各个部分，确保都已经正确生成
|
|
@@ -104,17 +104,15 @@ ${args.nodeId}如果是以 - 分割，就改为 : 冒号分割
|
|
|
104
104
|
`);
|
|
105
105
|
},
|
|
106
106
|
});
|
|
107
|
-
//
|
|
107
|
+
// 获取打标图片节点ID
|
|
108
108
|
server.addTool({
|
|
109
109
|
name: "figma_get_image_node_id",
|
|
110
|
-
description: "
|
|
111
|
-
parameters: z.object({
|
|
112
|
-
nodeId: z.string().describe("Figma设计稿json数据"),
|
|
113
|
-
}),
|
|
110
|
+
description: "获取打标图片节点ID",
|
|
114
111
|
execute: async (args) => {
|
|
115
112
|
return String(`
|
|
116
|
-
1.
|
|
117
|
-
2.
|
|
113
|
+
1. 使用能够获取Figma设计稿数据的工具提取页面的JSON结构数据
|
|
114
|
+
2. 找到JSON结构数据 ，name属性值以"-image"结尾的节点
|
|
115
|
+
3. 只返回图片节点ID，不要返回其他信息
|
|
118
116
|
3. 如果获取不到，则返回空字符串
|
|
119
117
|
`);
|
|
120
118
|
},
|