Liaison - AI 编程定位、网页样式编辑与批注

在任意网页上实现类似 Figma 的设计体验，调整元素样式、添加评论，并导出结构化 Prompt 给 AI 开发与协作。

Liaison 是一款面向设计师、产品经理、前端工程师和高频 AI 用户的浏览器插件。它让你可以直接在真实网页上完成样式调整、界面批注和实现反馈，不再依赖截图标注、文档补充和反复描述。你可以像在设计工具里一样选中页面元素，修改尺寸、间距、字体、颜色、圆角、描边、投影等属性，同时把评论和修改统一整理成结构化结果，方便交给开发或 AI 继续实现。 无论是做设计改稿、界面验收、实现反馈，还是把页面问题整理成 AI 能理解的上下文，Liaison 都尽量把操作收拢到一个直接、轻量、低打扰的工作流里，减少来回切工具、重复描述和反复沟通，让网页编辑与 AI 协作体验更连贯。 ✨ 核心功能 网页样式可视化编辑 直接在任意网页上选中元素，实时调整文字、尺寸、间距、布局、颜色、圆角、描边、投影等属性，让你像在设计工具中一样修改真实页面。 元素评论与批注 支持为页面元素添加评论、编辑评论和管理多条批注，所有反馈都与具体元素绑定，方便后续查看和定位。 配置列表汇总 自动汇总整页所有样式修改与评论，在统一列表中查看、定位、复制、重置和管理反馈内容，让页面改动更清晰有序。 结构化 Prompt 导出 支持将修改和评论整理成结构化 Prompt，包含元素定位信息、组件上下文和反馈摘要，方便直接交给 AI 开发或工程协作。 JSON 导入导出 支持导出整页修改与评论为 JSON，也支持再次导入恢复，便于保存方案、跨人协作和反复迭代。 共享元素批量编辑 对于页面中重复出现的同类元素，可按组应用样式修改，减少重复操作，提高批量改稿效率。 AI 编程定位增强 在支持的开发环境下，可尽量获取组件树和源码上下文，帮助你把页面上的反馈更准确地映射到代码实现层。 🔒 隐私保障 我们始终坚持本地优先的原则： 插件不会自动将网页内容上传到云端服务器 不包含用户跟踪、行为分析或广告相关代码 仅在用户主动启用时作用于当前网页 所有选中、编辑、评论、索引和导出逻辑尽量在本地浏览器内完成