similarity-figma
Compare Figma design prototypes with generated code page screenshots to verify visual consistency and ensure accurate implementation.
Instructions
获取Figma原型图,请你结合项目源码并通过原型图与生成的代码页面的截图进行相似性比对
Input Schema
Name | Required | Description | Default |
---|---|---|---|
fileKey | Yes | The key of the Figma file to fetch, often found in a provided URL like figma.com/(file|design)/<fileKey>/... | |
nodeId | No | The ID of the node to fetch, often found as URL parameter node-id=<nodeId>, always use if provided | |
url | Yes | 当前项目代码页面的URL地址,注意不是figma网址 |
Input Schema (JSON Schema)
{
"$schema": "http://json-schema.org/draft-07/schema#",
"additionalProperties": false,
"properties": {
"fileKey": {
"description": "The key of the Figma file to fetch, often found in a provided URL like figma.com/(file|design)/<fileKey>/...",
"type": "string"
},
"nodeId": {
"description": "The ID of the node to fetch, often found as URL parameter node-id=<nodeId>, always use if provided",
"type": "string"
},
"url": {
"description": "当前项目代码页面的URL地址,注意不是figma网址",
"type": "string"
}
},
"required": [
"url",
"fileKey"
],
"type": "object"
}