设计需求与视觉传播

免费线框图文案生成器.

低保真区块及组件文案计划。

在视觉设计和实现确定前,编写让预期流程容易理解的界面文字。

需要 Chrome 扩展程序和账号。
每月 25 次免费自动化任务,所有工具共享。受浏览器连接提供方的限制约束。

需要准备的内容

页面目的、受众和必要操作。

开始使用

可按需调整的任务。

在这里复制,准备好后粘贴到 WebAct。

本页用于准备提示词,任务在 WebAct 中运行。

01

按需调整任务。

检查上方提示词,添加你的目标和重要要求。

02

带到 WebAct 中。

打开 WebAct,粘贴任务并提供原始材料。需要草稿或解释时先用 Chat;需要经批准的浏览器操作或文件时使用 Task。

03

检查有用的部分。

将结果视为可编辑的草稿或分析。在依赖或分享结果前,依据提供的事实和目标受众进行核查。

实用指南

如何用文案说明线框图中的实际操作。

厘清用户任务和可采取的行动。使用真实标签及示例长度,区分占位内容与需要产品确认的主张。

按任务需求调整流程。

确定用户任务和画面真实行为,编写符合实际的标题、标签、操作及反馈。适用时包含空状态和错误状态。占位文案里不放无依据的速度、访问或成功承诺。

你需要提供什么
页面目的、受众和必要操作。
你会得到什么
低保真区块及组件文案计划。

查看输入和结果。

演示用输入和输出 · 教学示例,并非 WebAct 实时运行结果

示例 个输入项

Signup wireframe needs a heading, email label, submit action and an error message for an invalid address.

完整示例

Heading: Create your account.
Label: Email address. Button: Continue.
Error: Enter an email address in the format name@example.com.
Confirm the actual signup behavior before adding promises about timing or access.
下载此示例

将这份输入载入提示词,再复制到 WebAct 中尝试任务。实际结果可能与示例不同。

决策与问题排查。

所有按钮都用“提交”之类的模糊词好吗?

行为确认后应使用真实操作,例如“创建账户”或“继续”。

错误提示说明出错却未帮助用户恢复,为什么?

可能未说明需要如何修正。提供符合验证规则的具体下一步。

使用自己的资料试一试。

将任务提示词中的示例换成你的材料。保留所需条件,再把任务复制到 WebAct。

自定义并复制任务 ↑
开始之前

使用 WebAct。

提示词和示例在本页提供。请在 WebAct Chrome 扩展中运行任务。

这个工具免费吗?

你可以在这里免费复制和编辑提示词。要在 WebAct 中使用,请安装 Chrome 扩展,创建并验证账户,然后连接可用的浏览器 ChatGPT 会话。Free 方案每自然月包含 25 次由用户发起的自动化任务,所有工具共享。普通浏览器 Chat 单独计算;仍受提供方限制约束。

有关共享上下文,请参阅我们的 隐私政策 以及如何选择 Chat 或 Task.

从提示词到你的实际工作

将任务带到页面上。

安装 WebAct,加入原始材料,再按需调整结果。

安装 WebAct