Galileo AI教程:AI UI 设计——一句话出 Figma 高保真设计稿。
Galileo AI 是一款面向设计师和产品经理的 AI 辅助 UI 设计工具,核心能力是“一句话生成高保真 Figma 设计稿”。你只需要输入一段文字描述,比如“一个电商 App 的商品详情页,包含图片轮播、价格、颜色选择器和加入购物车按钮”,它就能自动生成带有真实内容、合理布局、甚至包含图标和配图的完整界面。这些设计稿可以直接导出到 Figma 继续编辑,也可以作为组件库复用。
它由美国团队开发,目前国内访问存在一定限制,如果你无法稳定使用,可以关注一些国产替代方案,比如即时设计或 MasterGo 的 AI 功能。
Galileo AI 的核心工作流程是“文本描述 → 智能生成 → 导出编辑”。你不需要会写代码,也不需要精通设计软件,只要能把想要的效果说清楚就行。
文本生成 UI:在输入框里用自然语言描述界面需求。描述越具体,生成效果越好。例如,“一个健身 App 的首页,顶部是用户头像和运动数据卡片,中间是今日训练计划列表,底部是 Tab 导航”。AI 会根据描述自动匹配组件、调整间距、填充内容,甚至生成配图。
Figma 集成:生成的设计稿可以直接一键导出到 Figma,保留图层结构、组件命名和样式信息。这意味着你可以用 Figma 的自动布局、变体等功能继续精细化调整,而不是拿到一张死图。
组件库复用:如果你经常做同类项目,可以把生成的设计保存为组件库。下次生成类似页面时,AI 会优先调用你已有的组件,保持设计一致性。
注册账号:访问 Galileo AI 官网,用邮箱注册。注意,目前注册可能需要海外网络环境,如果遇到困难,可以寻找国内同类工具替代。
创建新项目:登录后点击“New Project”,输入项目名称。你会看到一个简洁的编辑器界面,左侧是画布,右侧是输入框。
输入描述生成:在右侧输入框里写下你的界面需求。建议先用英文描述,中文支持可能不完善。比如:“A mobile app onboarding screen with a large illustration, headline, subtitle, and a 'Get Started' button”。点击生成,等待十几秒,AI 就会在画布上渲染出设计稿。
调整与导出:生成后,你可以直接在画布上拖动组件位置、修改文字、替换图片。满意后,点击右上角的“Export to Figma”,选择保存位置,就会自动同步到你的 Figma 账号。如果没有 Figma 账号,也可以导出为 PNG 或 SVG。
Galileo AI 采用免费+付费模式。免费版可以体验基础生成功能,但生成次数有限,且无法导出到 Figma。付费版起价约 19 美元/月(约 140 元人民币),解锁无限生成、Figma 导出、组件库和更高分辨率输出。对于个人或小团队,免费版够用一阵子;如果是专业设计师或产品团队,建议直接上 Pro 版,效率提升明显。
需要注意的是,海外服务的支付通常需要外币信用卡,国内用户购买可能不太方便。如果你没有海外支付手段,可以优先考虑国产替代工具,它们通常支持微信、支付宝付款。