Liaison - AI 编程定位、网页样式编辑与批注
1 rating
)Overview
在任意网页上实现类似 Figma 的设计体验,调整元素样式、添加评论,并导出结构化 Prompt 给 AI 开发与协作。
Liaison 是一款面向设计师、产品经理、前端工程师和高频 AI 用户的浏览器插件。它让你可以直接在真实网页上完成样式调整、界面批注和实现反馈,不再依赖截图标注、文档补充和反复描述。你可以像在设计工具里一样选中页面元素,修改尺寸、间距、字体、颜色、圆角、描边、投影等属性,同时把评论和修改统一整理成结构化结果,方便交给开发或 AI 继续实现。 无论是做设计改稿、界面验收、实现反馈,还是把页面问题整理成 AI 能理解的上下文,Liaison 都尽量把操作收拢到一个直接、轻量、低打扰的工作流里,减少来回切工具、重复描述和反复沟通,让网页编辑与 AI 协作体验更连贯。 ✨ 核心功能 网页样式可视化编辑 直接在任意网页上选中元素,实时调整文字、尺寸、间距、布局、颜色、圆角、描边、投影等属性,让你像在设计工具中一样修改真实页面。 元素评论与批注 支持为页面元素添加评论、编辑评论和管理多条批注,所有反馈都与具体元素绑定,方便后续查看和定位。 配置列表汇总 自动汇总整页所有样式修改与评论,在统一列表中查看、定位、复制、重置和管理反馈内容,让页面改动更清晰有序。 结构化 Prompt 导出 支持将修改和评论整理成结构化 Prompt,包含元素定位信息、组件上下文和反馈摘要,方便直接交给 AI 开发或工程协作。 JSON 导入导出 支持导出整页修改与评论为 JSON,也支持再次导入恢复,便于保存方案、跨人协作和反复迭代。 共享元素批量编辑 对于页面中重复出现的同类元素,可按组应用样式修改,减少重复操作,提高批量改稿效率。 AI 编程定位增强 在支持的开发环境下,可尽量获取组件树和源码上下文,帮助你把页面上的反馈更准确地映射到代码实现层。 🔒 隐私保障 我们始终坚持本地优先的原则: 插件不会自动将网页内容上传到云端服务器 不包含用户跟踪、行为分析或广告相关代码 仅在用户主动启用时作用于当前网页 所有选中、编辑、评论、索引和导出逻辑尽量在本地浏览器内完成
5 out of 51 rating
Details
- Version1.0.5
- UpdatedApril 8, 2026
- Offered by塘主
- Size186KiB
- Languages中文(中国)
- Developer
Email
13006871578@163.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
Support
For help with questions, suggestions, or problems, please open this page on your desktop browser