“Liaison - AI 编程定位、网页样式编辑与批注”的产品徽标图片

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

4.9(

9 个评分

)
扩展程序工具3,000 用户
Liaison - AI 编程定位、网页样式编辑与批注的项目媒体 3(屏幕截图)
Liaison - AI 编程定位、网页样式编辑与批注的项目媒体 1(屏幕截图)
Liaison - AI 编程定位、网页样式编辑与批注的项目媒体 2(屏幕截图)
Liaison - AI 编程定位、网页样式编辑与批注的项目媒体 3(屏幕截图)
Liaison - AI 编程定位、网页样式编辑与批注的项目媒体 1(屏幕截图)
Liaison - AI 编程定位、网页样式编辑与批注的项目媒体 1(屏幕截图)
Liaison - AI 编程定位、网页样式编辑与批注的项目媒体 2(屏幕截图)
Liaison - AI 编程定位、网页样式编辑与批注的项目媒体 3(屏幕截图)

概述

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

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

4.9 星(5 星制)9 个评分

详细了解结果和评价。

详情

  • 版本
    1.0.6
  • 上次更新日期
    2026年4月10日
  • 提供方
    塘主
  • 大小
    187KiB
  • 语言
    中文(中国)
  • 开发者
    邮箱
    13006871578@163.com
  • 非交易者
    该开发者尚未将自己标识为交易者。欧盟地区消费者须知:消费者权利可能不适用于您与该开发者达成的合约。

隐私权

管理扩展程序并了解它们在组织中的使用情况
该开发者已披露,此产品不会收集或使用您的数据。

该开发者已声明,您的数据:

  • 不会因未获批准的用途出售给第三方
  • 不会为实现与产品核心功能无关的目的而使用或转移
  • 不会为确定信用度或放贷目的而使用或转移

支持

相关

AIChatIndex- 为ChatGPT、豆包、KIMI、千问、Gemini生成聊天目录

4.3

AI聊天目录,快速回溯,精准定位。支持ChatGPT、豆包、KIMI、千问、Gemini

html.to.design

4.7

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

Eagle for Chrome

4.4

此扩展程序可以轻松保存图像并将屏幕截图保存到 Eagle App。

Lumno | 聚焦搜索&新标签页

5.0

任意网页一键唤起命令浮层,快速搜索、直达网址、切换标签页,并增强新标签页体验。

Codex

4.2

Control Chrome with Codex.

Cubox

3.2

网页收藏、高亮标注、阅读笔记。为学习而生的 AI 阅读器。

好采助手 - 小红书采集 | 一键同步 Eagle、飞书多维表格

5.0

下载小红书媒体素材,一键同步至 Eagle / 飞书多维表格,多平台数据采集利器!

RiveCN

5.0

Rive 汉化插件与 Rive 资源助手

FigmaEX

3.8

FigmaEX 增强你的 Figma

Enable UI3 Beta for Figma

4.6

This extension enables UI3 Beta for Figma for all users, without the need to wait on the waitlist.

YouMind: AI Web Clipper, Youtube Notes & Annotate | Claude Gemini Assistant

5.0

YouMind 是人人都爱的个性化 AI 学习与创作智能体。

FigmaCN

4.8

中文 Figma 插件,设计师人工翻译校验。

AIChatIndex- 为ChatGPT、豆包、KIMI、千问、Gemini生成聊天目录

4.3

AI聊天目录,快速回溯,精准定位。支持ChatGPT、豆包、KIMI、千问、Gemini

html.to.design

4.7

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

Eagle for Chrome

4.4

此扩展程序可以轻松保存图像并将屏幕截图保存到 Eagle App。

Lumno | 聚焦搜索&新标签页

5.0

任意网页一键唤起命令浮层,快速搜索、直达网址、切换标签页,并增强新标签页体验。

Codex

4.2

Control Chrome with Codex.

Cubox

3.2

网页收藏、高亮标注、阅读笔记。为学习而生的 AI 阅读器。

好采助手 - 小红书采集 | 一键同步 Eagle、飞书多维表格

5.0

下载小红书媒体素材,一键同步至 Eagle / 飞书多维表格,多平台数据采集利器!

RiveCN

5.0

Rive 汉化插件与 Rive 资源助手

Google 应用