设计需求与视觉传播

免费设计令牌命名生成器.

一致的令牌名称与语义分组。

围绕稳定的界面角色与团队规范建立命名方案。

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

需要准备的内容

现有样式和命名规范。

开始使用

可按需调整的任务。

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

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

01

按需调整任务。

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

02

带到 WebAct 中。

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

03

检查有用的部分。

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

实用指南

如何根据作用而非当前颜色命名令牌。

名称应描述稳定用途,不是暂时外观。区分基础值与语义用途,并遵循团队现有命名规则。

按任务需求调整流程。

分开基础值和语义角色,遵守已有层级。选取跨主题和组件仍有意义的名称,记录映射及预期用途。重命名已有令牌前检查冲突和别名。

你需要提供什么
现有样式和命名规范。
你会得到什么
一致的令牌名称与语义分组。

查看输入和结果。

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

示例 个输入项

Interface uses blue for primary actions and gray for secondary text; dark theme planned. No exact values or existing naming convention supplied.

完整示例

Semantic roles:
color.action.primary → theme-specific primary-action primitive
color.text.secondary → theme-specific secondary-text primitive

Theme values: unresolved until actual colors and contrast requirements are supplied.
These names describe use rather than the current color; review them against existing team conventions before adoption.
下载此示例

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

决策与问题排查。

语义令牌应按当前颜色命名吗?

如果值可能随主题变化,优先按行动或次要文本等角色命名。

为什么重命名一个令牌会破坏多个无关组件?

可能被广泛引用或承担多个用途。先盘点使用方并计划迁移。

使用自己的资料试一试。

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

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

使用 WebAct。

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

这个工具免费吗?

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

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

从提示词到你的实际工作

将任务带到页面上。

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

安装 WebAct