Galileo AI 主打「用提示词生成 UI」:你描述一个页面/功能的目标、信息结构、风格偏好,它会生成一套可视化的界面方案(更像是高质量线框/视觉草图),用来做方向探索、原型讨论、快速出稿特别省时间。它更适合产品、UI 设计师在需求早期做方案发散,而不是直接替代完整的交互细化与设计落地。
1)把“需求描述”转成可视化界面:比如登录页、个人主页、订单页、商品详情、数据看板等;2)在同一需求下快速给多种风格方向,便于挑选;3)把结果作为设计起稿素材,再回到 Figma/Sketch/设计系统里做规范化;4)适合做评审前的「可讲清楚」界面草案,让讨论更聚焦在信息结构与优先级,而不是在空白画布上从零开始。
第一步:先写“页面目标 + 关键任务”。例如:这是一个移动端电商的商品详情页,目标是提升加购与转化;用户要快速看到卖点、价格、评价、配送与优惠信息。
第二步:列出必须包含的信息模块(不要太多)。例如:主图/视频、标题与卖点、价格与优惠、规格选择、评价摘要、保障与运费、推荐商品、底部购买栏。
第三步:补充风格与组件约束。比如:极简、对比强、留白多;按钮圆角 12px;主色为蓝紫渐变;字体偏现代无衬线。
第四步:生成后不要急着“全盘照搬”。先检查信息层级是否符合产品逻辑,再把布局与组件结构迁移到你的设计系统里,最后补齐交互状态(空态、加载态、错误态、禁用态)。
你可以用下面这套模板提高稳定性:
“请生成一个【平台/行业】的【端:移动端/桌面端】页面:页面类型是【如:登录/商品详情/个人中心/数据看板】。目标是【一句话目标】。必须包含以下模块:【模块1、模块2、模块3…】。整体风格:【极简/科技感/温柔/高对比】。色彩偏好:【主色 + 辅助色】。排版偏好:【留白/卡片/网格】。强调【主要 CTA 行为】按钮,次要操作弱化。请提供清晰的信息层级与可读性强的布局。”
如果你在做 UI 生成类工具时,最容易踩的坑是“只看颜值,不看结构”。建议用三个检查点把结果变成可落地的稿:
检查点 A:信息优先级是否正确。比如价格与优惠是否足够突出?关键信任要素(评价、保障、配送)是否在首屏可见?
检查点 B:组件是否可复用。把生成结果拆成按钮、卡片、列表、标签、输入框等基础组件,替换成你团队的设计系统版本,保证一致性。
检查点 C:补齐关键状态。至少补齐:加载态、空态、错误态、不可点击态、长文本/短文本溢出、图片缺失等,避免“评审过了但开发落不了”。
1)生成图并不等于完整交互:它擅长产出“视觉与布局”,交互细节仍需你来定;2)提示词越具体越好:把模块写清楚,减少“猜”;3)尽量用你的品牌约束:颜色、字体、按钮样式等,否则会出现风格漂移;4)注意合规:如果用于商业项目,确认工具的使用条款与素材来源规范。
示例提示词:生成一个移动端“个人中心”页面,用于订阅制工具产品。首屏需要显示头像/会员等级、续费入口、使用配额与到期时间;中间是快捷入口(我的项目、导出记录、发票、客服);底部是设置(账号安全、通知、语言)。风格:极简,留白多,主色蓝紫,卡片圆角 16px,主要 CTA 为“立即续费”。
生成后你可以把“卡片 + 列表 + 徽章”三类组件抽出来,统一到团队规范里,再加上:配额不足提示、到期前提醒、未登录状态等关键场景,就能形成可交付的一整套页面。
Galileo AI 更像是 UI 方向探索的加速器:用高质量的初稿把讨论推进到“结构与策略”层面,再由设计师用规范与状态把它打磨成可上线方案。只要你掌握提示词结构,并坚持用设计系统做二次落地,它能显著减少从零起稿的时间成本。