figma-mcp-stdio 0.1.9 → 0.1.10
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 +12 -2
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -22,8 +22,9 @@ server.addTool({
|
|
|
22
22
|
3. 根据用户输入的图片描述，使用【下载Figma图片工具】下载图片，若无描述则【获取图片以-image结尾的节点ID】，只下载这个节点，节点里面的图片不下载，入参的图片格式为png格式，语义化命名，用于替换生成页面中的节点，下载的图片保存到编辑文件同级的images目录下
|
|
23
23
|
4. 使用【批量压缩图片工具】对下载的所有图片文件进行压缩优化，减少文件大小提升页面加载性能
|
|
24
24
|
5. 使用【获取图片详情工具】获取截图详情，根据详情内容生成页面，结合JSON数据优化样式，截图为主，JSON数据为辅。分段生成代码，例如template、script、scss，防止任务过大超时
|
|
25
|
-
6.
|
|
26
|
-
7.
|
|
25
|
+
6. 调用【检查页面工具】检查页面各个部分，确保都已经正确生成
|
|
26
|
+
7. 使用terminal命令删除页面截图(保存在images下的)，只保留用户指定下载的图片资源文件
|
|
27
|
+
8. 确保生成的页面具有响应式特性，宽度设置为100%而非固定的设计稿尺寸（如375px）
|
|
27
28
|
|
|
28
29
|
质量要求：
|
|
29
30
|
- 交互功能：实现设计稿中的交互逻辑和用户体验
|
|
@@ -33,6 +34,15 @@ server.addTool({
|
|
|
33
34
|
`);
|
|
34
35
|
},
|
|
35
36
|
});
|
|
37
|
+
server.addTool({
|
|
38
|
+
name: "check_page",
|
|
39
|
+
description: "检查页面",
|
|
40
|
+
execute: async (args) => {
|
|
41
|
+
return String(`
|
|
42
|
+
1. 使用页面截图和json数据检查页面各个部分，确保样式都已经正确生成，如未生成重新生成
|
|
43
|
+
`);
|
|
44
|
+
},
|
|
45
|
+
});
|
|
36
46
|
// 批量图片压缩工具
|
|
37
47
|
server.addTool({
|
|
38
48
|
name: "compress_multiple_images",
|