GPT中文小秘书挑几下就能开工
我积分

页面用的组件是哪个

关于「页面用的组件是哪个」:能拿到什么、要点选什么、怎么办

传一张页面截图,5分钟拿到组件映射核对表。上传页面截图或Figma导出,AI比对设计库,列出实际使用的组件、变体和令牌。不自动替换组件,不发布设计库,结果需UI和开发人工确认。

能拿到什么

  • 推荐:一份带状态标记的Excel组件应用映射表,并附一页Markdown摘要(表格按页面区域排,状态用颜色标出,缺失和分离实例单独列出),约 5 分钟
  • 旗舰:组件应用映射Excel、核对报告PDF、问题组件待办清单

要你点选的几项

上传页面截图或Figma导出、页面类型、设计库来源、重点核对哪些、匹配严格度、发现缺失怎么标、表格怎么排、补充说明(选填)、我确认材料来自真实页面和设计库,AI只做比对整理,不修改设计库、不替代UI评审,结果需人工复核。多数点一下就行,没选的按常见情况替你定,交付时说清哪几项是按默认的。

怎么办

  1. 上传页面截图或Figma导出
  2. 选页面类型和设计库
  3. 点核对项和匹配严格度
  4. 拿带状态标记的映射表

别人还这样说

  • 看看这个页面里每个模块用的是Ant Design还是Element UI的哪个组件?
  • 我想复刻这个界面,你能告诉我它各个部分对应什么组件吗?
直接说你要办的事。下面是别人怎么办的,点任何一项就换成你自己的。左边是别人怎么办的,右边是你的,点一项就开始改。
示范 · 别人这样说

「帮我做页面组件应用映射」

替他选了:组件名、变体类型、令牌值、局部覆盖、分离实例、缺失状态 · 视觉一致 · 标红提醒、生成待办 · 按页面区域排

按示范选好的 点一项就变成你的

你的成品会在这里出现
示例成品 · 不是你的按示范写的,看个样子
页面组件应用映射表(电商首页 v2.3) | 页面区域 | 节点名称 | 设计库组件 | 变体 | 令牌绑定 | 局部覆盖 | 状态 | | 购物车弹窗 | cart-modal-v2 | Modal | full-width+no-close | spacing-lg, color-brand-primary | ✅ 覆盖了圆角和阴影 | 已使用 | | 商品列表项 | item-card-01 | Card | product-grid | typography-body-sm, border-radius-md | ❌ 未覆盖 | 缺失局部覆盖 |

GPT中文 也可能出错,成品请自己核对关键数字和事实。条款 · 隐私