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