OneStyle-可视化标注、编辑网页样式 icon

OneStyle-可视化标注、编辑网页样式

by AriseJF · Tools
Manifest V3 Free
View in Chrome Web Store Data as of 19 Oct 2026

支持在网页上实现类 Figma 式的可视化编辑,可直接调整元素样式、调用样式变量、修改图标等,并导出结构化 Prompt,方便 AI 开发与团队协作。

Users
64
−6 in 30 days
Rating
4.5 / 5
unchanged in 30 days
Ratings
2
0 in 30 days
Store rank
#99K
#83K among extensions
Version
0.5.0
updated 20 May 2026

Users

monthly, 5 months
03469May 2026Aug 2026Oct 2026
Latest, 19 Oct 2026: 64 usersMove the mouse over the chart for any month

Ratings count

monthly, 5 months
012May 2026Aug 2026Oct 2026
Latest, 19 Oct 2026: 2 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About OneStyle-可视化标注、编辑网页样式

v0.5 更新: • 新增导出截图功能 介绍 OneStyle 是一款面向设计师、产品、前端的 Chrome 浏览器插件,能够直接在网页上可视化编辑、批注体验,一键导出结构化 Prompt,无缝衔接 AI 与团队协作。 核心功能 • 可视化样式编辑:实时调整尺寸、字体、图标、颜色、间距、圆角、投影。 • 支持变量调用:识别页面中的 CSS 变量与设计 Token,同时支持自定义导入变量库。 • 元素批注:可以给元素添加批注,便于AI定位上下文。 • 修改记录汇总:所有改动与批注集中管理,可一键回溯。 • 结构化 Prompt 导出:一键将所有修改导出为结构化 JSON 文件或 AI Prompt 文本,直接粘贴给 ChatGPT、Claude、Cursor 等 AI 工具完成代码生成。 • 内置第三方图标库:支持通过图标库修改图标,同时支持自定义上传图标库。 适用场景 设计师走查页面样式、产品经理标注改稿意见、前端工程师与 AI 协作开发、设计 / 产研团队基于真实页面进行视觉对齐。 所有数据仅保存在本地浏览器中,不上传任何服务器,遵循最小权限原则。

Growth

WindowUsersChangeRatingsRating
7 days+2+3.2%00.00
30 days−6−8.6%00.00

Version history

6 versions recorded
0.5.020 May 2026
0.4.018 May 2026
0.3.115 May 2026
0.3.014 May 2026
0.2.011 May 2026
0.1.011 May 2026

Details

Category
Tools
First seen
11 May 2026
Size
179 KB
Languages
zh-CN
Pricing
Free
Privacy policy
onestyle.vercel.app
Extension ID
ldfamgeelifodgpleobmfcphkpgnpopj

Permissions and risk

Low riskimpact 1, likelihood 2
Permissions
activeTabscriptingstorageclipboardWrite

Alternatives to OneStyle-可视化标注、编辑网页样式

Extensions that rank for the same store searches or share the Tools category, ordered by users