功能 更多特性 使用方式

直接在网页上实时设计
一键交付AI

直接在网页上实现可视化的编辑,一键导出结构化 Prompt,可发给 AI 或开发人员进行代码落地

跳转至 Chrome 插件详情页

OneStyle 编辑器界面

在浏览器里,
完成设计到交付。

可视化编辑样式
智能识别变量
结构化 Prompt 导出

更多特性

插件还支持深浅色界面模式、自定义导入图标库、自定义导入变量库、添加上下文批注、保存修改记录等能力。

深浅色主题

支持一键切换深色、浅色主题背景

调用图标库

支持调用内置的第三方图标库,或自定义上传图标库,快速替换图标资源

调用样式变量

支持识别当前页面的CSS变量,或自定义上传变量库,快速调用样式变量

保存记录快照

支持管理修改记录,包括保存快照、清空记录等

导入/导出 JSON

修改记录支持导出/导入为JSON的形式,方便本地保存和开发协作

多模式合一

样式调整、元素测量、添加批注等操作可以在一个模式下操作,不用来回切换模式

三步,即刻开始

01

点击任意元素

在任意网页上激活 OneStyle 插件,点选你想修改的元素

02

实时调整样式

通过可视化面板调整尺寸、颜色、字体等属性

03

保存快照 / 导出

一键保存修改快照,或导出结构化 Prompt 移交 AI

设计,发生在浏览器里

安装 OneStyle,让每一次浏览都变成设计的灵感现场