P
PixelMatch AI Design Review
接口已上线,真实走查请使用 Chrome 插件
正式走查流程

用插件检查真实开发页面,走查 DOM、CSS 和 Figma 设计数据

这个地址负责提供 Figma 读取和大模型分析接口。真实走查入口在 Chrome 插件里: 打开已登录的业务页面,粘贴本次 Figma Frame 链接,插件会读取当前页面 DOM、CSS 和截图,再生成走查报告。

一次走查怎么跑

  1. 1
    复制 Figma Frame 链接设计师选中本次页面对应的 Frame,复制链接。
  2. 2
    打开正式开发页面在 Chrome 中打开已经登录的业务页面。
  3. 3
    点击 PixelMatch 插件粘贴 Figma 链接,接口地址保持当前域名。
  4. 4
    生成走查报告报告会展示问题、差异值、修改建议和状态流转。

后台接口

Cloudflare 只保存通用密钥和接口,不保存某个固定页面。Figma 链接由每次走查时在插件里填写。

https://pixelmatch-ai-review.pages.dev

Chrome 插件

插件是正式走查入口。它能读取当前浏览器页面里的真实 DOM、CSS、截图,这是普通网页做不到的。

chrome-extension/

状态判断

接口状态里两个值都为 true,说明大模型和 Figma 都已经接好。

"hasKey": true "hasFigmaToken": true