很多人用 Image2 生成 UI，第一反应是把 prompt 写得很长。但我现在更习惯先拆约束。这次我用的是一个智慧灌溉 app 的例子。不是让 AI 随便画一个界面，而是先把需求拆成 5 类：\x0a\x0a主题约束\x0a先告诉 AI 做什么产品。\x0a不要只写“做一个 app UI”，要说清楚行业、场景和用途。比如：智慧灌溉 / 移动端 / 管理平台。\x0a\x0a色调约束\x0a告诉 AI 用什么颜色。不要让 AI 自己猜颜色，直接限定主色。比如：蓝白色调 / 科技感 / 数据型界面。\x0a\x0a结构约束\x0a告诉 AI 页面怎么排。比如：保留三屏并排，每一屏负责不同功能。\x0a结构说清楚，AI 才不容易乱排版。\x0a\x0a细节约束\x0a告诉 AI 页面里要有什么。比如：数据卡片、图表、设备状态、农业场景。细节越具体，结果越像真实产品。\x0a\x0a边界约束\x0a告诉 AI 不要做成什么。不要概念海报，不要纯视觉稿，不要脱离业务。要像真实、可用的产品界面。\x0a\x0a所以好 prompt 不是堆形容词，而是每一句都有任务。参考图负责锁结prompt 负责补主题、色调、结构、细节和边界，这样生成出来的 UI 方向图，才更容易继续往后做。\x0a\x0a\x26lt;a class=\x26quot;wx_topic_link\x26quot; topic-id=\x26quot;mpnm0v93-624trl\x26quot; style=\x26quot;color: #576B95 !important;\x26quot; data-topic=\x26quot;1\x26quot; data-recommend=\x26quot;\x26quot;\x26gt;#设计技巧\x26lt;/a\x26gt; \x26lt;a class=\x26quot;wx_topic_link\x26quot; topic-id=\x26quot;mpnm0v94-mff0qi\x26quot; style=\x26quot;color: #576B95 !important;\x26quot; data-topic=\x26quot;1\x26quot; data-recommend=\x26quot;\x26quot;\x26gt;#AI设计\x26lt;/a\x26gt;\x26lt;a class=\x26quot;wx_topic_link\x26quot; topic-id=\x26quot;mpnm0ym2-rkkegd\x26quot; style=\x26quot;color: #576B95 !important;\x26quot; data-topic=\x26quot;1\x26quot; data-recommend=\x26quot;0\x26quot;\x26gt;#Image2\x26lt;/a\x26gt; \x26lt;a class=\x26quot;wx_topic_link\x26quot; topic-id=\x26quot;mpnm0v94-9ma7z3\x26quot; style=\x26quot;color: #576B95 !important;\x26quot; data-topic=\x26quot;1\x26quot; data-recommend=\x26quot;\x26quot;\x26gt;#UI设计\x26lt;/a\x26gt; \x26lt;a class=\x26quot;wx_topic_link\x26quot; topic-id=\x26quot;mpnm0v94-39jp3m\x26quot; style=\x26quot;color: #576B95 !important;\x26quot; data-topic=\x26quot;1\x26quot; data-recommend=\x26quot;\x26quot;\x26gt;#设计师AI工作流\x26lt;/a\x26gt; \x26lt;a class=\x26quot;wx_topic_link\x26quot; topic-id=\x26quot;mpnm0v94-tucxj8\x26quot; style=\x26quot;color: #576B95 !important;\x26quot; data-topic=\x26quot;1\x26quot; data-recommend=\x26quot;\x26quot;\x26gt;#Figma\x26lt;/a\x26gt; \x26lt;a class=\x26quot;wx_topic_link\x26quot; topic-id=\x26quot;mpnm0v94-979htd\x26quot; style=\x26quot;color: #576B95 !important;\x26quot; data-topic=\x26quot;1\x26quot; data-recommend=\x26quot;\x26quot;\x26gt;#Codex\x26lt;/a\x26gt; \x26lt;a class=\x26quot;wx_topic_link\x26quot; topic-id=\x26quot;mpnm0v94-jm7qyi\x26quot; style=\x26quot;color: #576B95 !important;\x26quot; data-topic=\x26quot;1\x26quot; data-recommend=\x26quot;\x26quot;\x26gt;#AIGC设计\x26lt;/a\x26gt; \x26lt;a class=\x26quot;wx_topic_link\x26quot; topic-id=\x26quot;mpnm0v94-wa1s0q\x26quot; style=\x26quot;color: #576B95 !important;\x26quot; data-topic=\x26quot;1\x26quot; data-recommend=\x26quot;\x26quot;\x26gt;#提示词\x26lt;/a\x26gt; \x26lt;a class=\x26quot;wx_topic_link\x26quot; topic-id=\x26quot;mpnm0v94-bn7qgn\x26quot; style=\x26quot;color: #576B95 !important;\x26quot; data-topic=\x26quot;1\x26quot; data-recommend=\x26quot;\x26quot;\x26gt;#设计师日常\x26lt;/a\x26gt;