figma-mcp-stdio 0.1.10 → 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 -11
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -19,18 +19,15 @@ 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. 调用【检查页面工具】检查页面各个部分，确保都已经正确生成
|
|
26
26
|
7. 使用terminal命令删除页面截图(保存在images下的)，只保留用户指定下载的图片资源文件
|
|
27
|
-
8. 确保生成的页面具有响应式特性，宽度设置为100%而非固定的设计稿尺寸（如375px）
|
|
28
|
-
|
|
29
27
|
质量要求：
|
|
30
28
|
- 交互功能：实现设计稿中的交互逻辑和用户体验
|
|
31
29
|
- 图片处理：正确替换和优化图片资源，语义化命名
|
|
32
30
|
- 完整样式：包含渐变背景、阴影效果、圆角、动画等所有视觉元素
|
|
33
|
-
- 响应式设计：确保在不同设备上的良好显示效果
|
|
34
31
|
`);
|
|
35
32
|
},
|
|
36
33
|
});
|
|
@@ -107,17 +104,15 @@ ${args.nodeId}如果是以 - 分割，就改为 : 冒号分割
|
|
|
107
104
|
`);
|
|
108
105
|
},
|
|
109
106
|
});
|
|
110
|
-
//
|
|
107
|
+
// 获取打标图片节点ID
|
|
111
108
|
server.addTool({
|
|
112
109
|
name: "figma_get_image_node_id",
|
|
113
|
-
description: "
|
|
114
|
-
parameters: z.object({
|
|
115
|
-
nodeId: z.string().describe("Figma设计稿json数据"),
|
|
116
|
-
}),
|
|
110
|
+
description: "获取打标图片节点ID",
|
|
117
111
|
execute: async (args) => {
|
|
118
112
|
return String(`
|
|
119
|
-
1.
|
|
120
|
-
2.
|
|
113
|
+
1. 使用能够获取Figma设计稿数据的工具提取页面的JSON结构数据
|
|
114
|
+
2. 找到JSON结构数据 ，name属性值以"-image"结尾的节点
|
|
115
|
+
3. 只返回图片节点ID，不要返回其他信息
|
|
121
116
|
3. 如果获取不到，则返回空字符串
|
|
122
117
|
`);
|
|
123
118
|
},
|