UIDrop

UIDrop 是一款轻量级浏览器工具，能够一键读取任意网页的完整设计系统，包括颜色、字体、间距、阴影、圆角、渐变以及组件规格。只需点击一次，即可将结构化设计简报和网页截图直接发送至 Claude、ChatGPT、Lovable、Manus 或 Cursor 等 AI 平台，让 AI 立即开始构建。无需注册、无需云服务，完全在浏览器中运行，且开源免费。

核心功能

一键抓取设计系统：点击浏览器扩展图标，UIDrop 即可自动提取当前页面的所有设计 token，涵盖色彩、排版、间距、阴影、圆角、渐变等核心属性，并生成结构化数据。

无缝对接 AI 工具：抓取完成后，UIDrop 自动将设计简报和截图预加载到您选择的 AI 平台（如 Claude、ChatGPT、Lovable、Manus 或 Cursor），省去手动复制粘贴的繁琐步骤。

完全本地运行：所有数据处理均在浏览器内完成，不依赖任何外部服务器，确保隐私安全。

主要特性

• 零配置：安装即用，无需注册账户或进行任何设置。
• 跨站点兼容：适用于任何网页，无论是设计稿、竞品网站还是内部系统。
• 开源透明：代码完全公开，可自由审查、修改和扩展。
• 轻量高效：扩展体积小巧，不占用系统资源，运行流畅。
• 多平台支持：兼容主流 AI 开发工具，满足不同工作流需求。

适用场景

• 设计到开发：设计师可将设计稿的设计系统一键传递给 AI 开发者，加速还原。
• 竞品分析：快速获取竞品网站的设计规范，用于参考或灵感。
• 快速原型：从参考网站提取设计 token，让 AI 基于此生成新页面原型。
• 设计系统审计：检查现有网站的设计一致性，收集 token 用于文档化。