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

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

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

Related extensions