一张横向多栏对比图,每栏一个场景,标好高度、间距、圆角等参数
白底多栏并排,每栏一个页面场景,组件下方带尺寸线和数值标注画组件库使用场景对比图
说一句组件名,点几下,几分钟拿到标好尺寸的对比图
在GPT中文网办「画组件库使用场景对比图」:点「直接办这件事」,点选画面主体、用在哪、风格等 9 项,AI 当场做出图片,能直接保存。出一张图 20 积分,注册送 50 积分。
详细说明
生成组件库使用场景对比图,直观展示同一UI组件在不同页面中的视觉表现差异。不提供设计规范建议,不替代设计评审。
- 「画一张图,对比下拉框在表单、设置页和弹窗里的样子,要标出尺寸差异。」AI 先替你选好:画面主体·下拉框 用在哪·表单页 风格·Figma默认 色调·浅色模式还要问你:还要对比哪些页面?(设置页 / 弹窗内 / 详情页 / 列表页)
- 「帮我出个图给前端看三种地方的间距怎么不一样」AI 先替你选好:风格·Figma默认 色调·浅色模式 画面比例·16:9 要几版/要什么变体·放大标注版(带尺寸线)还要问你:是哪个组件?(按钮 / 下拉框 / 输入框 / 日期选择器)
- 「做个设计稿对比图,左边是正常态,右边是禁用态,中间放间距标注。」AI 先替你选好:风格·Figma默认 色调·浅色模式 画面比例·16:9 要几版/要什么变体·禁用态特写版还要问你:对比的是哪个组件?(按钮 / 下拉框 / 输入框 / 开关)
直接办这件事 →这一件 20 积分 · 文字类免费
能交什么
- 多场景对比图横向多栏,每栏一个页面场景,组件带尺寸标注
- 参数标注清单表格列出各场景的高度、间距、圆角等数值
- 禁用态特写图放大展示禁用态颜色和灰度对比
你只要:说一句组件名,点选场景和要标的参数
常见问题
关于这件事怎么办
画组件库使用场景对比图需要准备什么?
需要填的是:画面主体、用在哪、风格、色调、画面比例、要几版/要什么变体、要标哪些参数、加使用登记表等 9 项。每一项点一下就行,多数不用打字。点「直接办这件事」就开工;没选全也能先办,回头补了随时能改。
能拿到什么成果?
交付形式是图片——平台直接出图,可以保存下来。在GPT中文网(www.gpt.com.cn)按字段填完即可拿到。这类成果按积分计费,注册后有免费额度可先试。
什么情况下需要画组件库使用场景对比图?
每次跟开发对齐组件在不同场景下的表现,都要手动截图+标尺+写说明,耗时且易错。遇到这种情况,把信息按字段点选一遍,AI 按你点的出成品,不用自己琢磨怎么说。
适合谁用?
负责组件库落地的产品设计师、前端协作设计师、体验设计师。不需要 AI 使用经验,按字段填完即可。
同类场景
其他全部 →- 做采购预算执行偏差分析图对比当月采购实际支出与预算,生成柱状图+偏差率标注+超支TOP3品类说明出图片 · 20 积分
- 把商品参数表转成主播速记对比卡将多款同品类商品参数(尺寸/材质/保修/赠品)转成横向对比卡片,突出差异点出图片 · 20 积分
- 画宝宝睡眠记录表生成一张卡通风格的宝宝睡眠记录表,含日期和时间轴,方便新手父母记录每天睡眠时段。出图片 · 20 积分
- 画角色三视图生成角色正面、侧面、背面的三视图,比例一致线条清晰出图片 · 20 积分
- 技术债清单转优先级四象限图把技术债清单自动转成优先级四象限图,一目了然哪些该先还。出图片 · 20 积分
- 生成律师团队案件进度看板输入多个案件名称、当前阶段、截止日、负责人,AI生成带颜色标识的横向进度甘特图(PNG)…出图片 · 20 积分
- 画应收账款催收优先级矩阵图按账龄+客户信用等级做二维矩阵,用颜色区块标出‘立即催’‘下周跟进’‘暂缓’三类出图片 · 20 积分
- 生成水电定位点位图把业主确认的开关、插座、水龙头位置转成带坐标和文字标注的平面示意图出图片 · 20 积分
接下来可能要办
做图片全部 →- 做高端谷物粉广告板图填好谷物粉广告板要点,直接出一张侧逆光带微尘的高级感宣传图,适合做海报或详情页…出图片 · 20 积分
- 做孕妈写真填好孕妈主体和伦勃朗侧光等风格要点,平台直接出一张高级立体感的孕妈写真图…出图片 · 20 积分
- 做建筑空间场景效果图填好建筑主体和冷暖光、广角对称等风格要点,直接出一张有纵深感的空间效果图…出图片 · 20 积分
- 做竖版女性写真图填上想拍的女性长相、穿着和背景,直接出一张竖版女性写真图,适合做头像或发朋友圈。出图片 · 20 积分
- 做头像·形象图填好主体和风格,直接出一张伦勃朗光配85mm浅景深的立体高级感头像图…出图片 · 20 积分
- 把几张素材图自然合成一张把几张素材图上传,AI 帮你把光线、颜色调统一,自然拼合成一张不像贴上去的图…出图片 · 20 积分