功能 更多特性 使用方式

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

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

OneStyle 编辑器界面

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

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

更多特性

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

深浅色主题

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

调用图标库

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

调用样式变量

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

保存记录快照

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

导入/导出 JSON

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

多模式合一

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

三步,即刻开始

01

点击任意元素

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

02

实时调整样式

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

03

保存快照 / 导出

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

设计,发生在浏览器里

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