组件库预览
一次生成按钮、输入框、卡片、导航、状态和可复用界面模式。
立即试用
描述你要生成的图片
输入产品类型、平台、品牌气质、组件需求、状态、配色、字体和页面类型，生成设计系统参考图。
根据用户需求生成一张完整的 UI 设计系统参考板。画面应包含统一的组件、配色、字体层级、间距节奏、图标风格和界面示例，并在需要时加入清晰标签。整体布局要专业、结构化，适合产品设计前期沟通。避免受版权保护的角色、真人名人肖像、误导性的官方标志，以及未经明确要求的难读文字。
可以生成什么
用清晰的用途、风格和限制条件生成更贴近实际场景的图片，并可先使用每日免费积分尝试。
配色与字体方向
探索产品 UI 的色板、字体层级、间距节奏、图标气质和界面密度。
结合真实页面
把系统应用到仪表盘、移动端页面、设置页、引导流程或电商页面中。
加速设计简报
把早期产品笔记转成更清晰的视觉说明，方便设计、创业和工程团队讨论。
按平台迭代
同一个系统方向可改成网页应用、移动 App、SaaS 仪表盘、内部工具或市场平台。
每日免费积分
可先用每日免费积分试生成 UI 系统参考，需要批量生成时再升级。
适合这些场景
这些场景能帮助你写出更具体的 brief，减少泛泛生成。
完整 UI 系统板
围绕完整 UI 系统板补充受众、画面比例、必须出现的信息和风格限制。
组件库概念
围绕组件库概念补充受众、画面比例、必须出现的信息和风格限制。
跨平台产品风格
围绕跨平台产品风格补充受众、画面比例、必须出现的信息和风格限制。
使用方法
提供足够的产品背景，生成结果才会更统一、更像真实系统。
定义产品场景
写清应用类型、平台、受众、品牌气质，以及需要展示的页面或组件。
生成系统参考
FreeGPTImg 会生成包含组件、颜色、字体和界面示例的结构化参考板。
细化视觉细节
继续调整界面密度、对比度、组件状态，或换成更具体的产品品类。
提示词示例
需要快速开始时，可以参考这些方向。
金融仪表盘
金融数据分析仪表盘 UI 设计系统，深蓝和薄荷绿配色，高密度表格、卡片、图表、侧边栏导航
健康移动 App
健康管理 App UI 系统参考，柔和配色、圆角控件、引导页、习惯卡片、安静字体气质
B2B 管理后台
企业管理后台设计系统参考，中性色板、表单状态、筛选器、数据表、提醒组件、紧凑界面密度
常见问题
关于使用这个 FreeGPTImg 工具的常见说明。