跳到正文
返回提示词列表
图像blog.csdn.net · 收录于

用 System/Goals/Pages/Components/Interactions 五段式结构化提示词,让 Figma Make 稳定生成可交互的 IT 设备申请工作流原型。

完整提示词

【System】 - 画布尺寸:1440×900(PC端) - 请严格按我给出的页面名称、结构与交互生成;不要擅自新增页面 - 所有可点击元素必须加原型链接(Prototype Link)并有悬停态 - 页面整体留白充足,避免元素挤在上半部分 【Goals】 - 生成一个可交互原型,用于演示“IT设备申请工作流” - 能完成:发起申请 → 选择设备类型 → 填写表单 → 提交成功 - 支持 Mac / Windows 两条分支路径 【Pages】 1)Request Start(发起) 2)Device Type(选择设备类型) 3A)Mac Spec Form(Mac规格) 3B)Windows Spec Form(Windows规格) 4)Confirmation(确认页) 【Components】 - Request Start:说明卡片 + Start按钮 - Device Type:两张可选择卡片(Mac / Windows)+ Continue按钮(默认禁用) - Spec Form:表单(下拉/日期/多行文本)+ Submit按钮 - Confirmation:成功提示 + “查看审批中心”按钮 + “返回首页”按钮 + 弹窗Modal 【Interactions】 - Start → Device Type - 选择 Mac → Mac Spec Form;选择 Windows → Windows Spec Form - 表单填写完成 → Confirmation

使用说明

复制全文后,按自己的场景替换占位变量(方括号 / 双花括号包裹的字段)再使用。 部分提示词依赖特定模型或工具(如 GPT / Claude / Copilot),请根据实际情况调整。