提示词模板

设计系统展示板：设计令牌、字体与组件

这条提示词会生成一张展示板，汇总你指定产品的设计系统，默认是一个现代 SaaS 数据分析平台。它列出了要包含的板块：颜色令牌、字体样例、图标风格、按钮、输入框、数据卡片、图表组件和间距示例；同时排除了过小的文字、相互重叠的卡片、随意的渐变和虚构的品牌 Logo。我们的示例生成了一张干净的展示板：带标注的主色、语义色和中性色色块，一套字号层级，一组线性图标，按钮和输入框的各种状态，KPI 卡片，四种图表，以及一套间距刻度。你可以用它来提案视觉方向、开启一次设计评审，或者在演示文稿和案例研究里让人一眼看懂整套风格规范。

画面比例 16:9无需参考图
打开图片生成器浏览全部模板
某数据分析平台的设计系统展示板：颜色色块、字号层级、线性图标、按钮、输入框状态、数据卡片、图表和间距示例
示例图由 Nano Banana Pro 使用 GPT Image 2 生成。你的输入和设置不同，结果也可能不同。

模板提示词

把提示词复制到图片生成器，再把方括号里的内容换成你自己的。

Create a design system presentation board for [a modern SaaS analytics platform]. Include color tokens, typography samples, icon style, buttons, input fields, data cards, chart components, and spacing examples. Style: clean professional Figma-like board, precise alignment, readable labels, and consistent component proportions. Restrictions: no unreadable tiny text, no overlapping cards, no random gradients, no fake brand logos, no inconsistent UI styles.

提示词创意来自 github.com。 查看原帖

适合用来做什么

  • 在动手做组件之前，为新产品提案视觉方向
  • 作为设计系统文档或案例研究的封面图
  • 与工程师和产品经理开设计评审时的开场幻灯片
  • 把两三种风格方向并排放在一起比较

提示词技巧

  • 把方括号里的产品换成你自己的，比如一款银行 App 或一个预订工具
  • 如果已经有配色或字体，把名称写进去；否则模型会自己挑
  • 保留限制条件那一行，用它引导版面整洁、减少虚构 Logo，生成后再检查一遍结果
  • 展示板上的十六进制色值和尺寸只当参考，复用前请先核对
  • 删掉不需要的板块（比如图表），给其余内容留出更多空间

相关模板

木质书桌上的银色笔记本电脑，旁边有绿植和马克杯，屏幕显示带统计卡片、图表和表格的浅色项目仪表盘

日光下木质书桌上的笔记本电脑 UI/UX 样机

生成写实场景的提示词：极简木质书桌上放着一台笔记本电脑，屏幕显示带侧边栏、图表和表格的简洁仪表盘，适合产品图和作品集。

名为 HELIX OPS 的桌面端运营仪表盘：深色侧边栏、四张 KPI 卡片、折线图、环形图、柱状图、资产表格和告警列表

桌面端 SaaS 运营仪表盘样机：KPI 卡片与图表

用于生成桌面端数据分析仪表盘样机的提示词：侧边栏、筛选栏、KPI 卡片、折线图、数据表和告警面板，配色为石板灰与钴蓝。

网格排列的十二张粉彩自我肯定卡片，带叶片和金线装饰、简短标题和一行语录占位文字

可打印的自我肯定卡片套装，留出写你自己语录的位置

生成一组自我肯定卡片网格的提示词：安静高级的柔和背景、装饰细节，每张卡片中间留出空白区域，用来放你自己写的语录。