Copy CSS, Tailwind, Lottie & Design Tokens From Any Website

这款免费Chrome扩展程序功能强大，能从任意网站复制CSS并转换为Tailwind，可下载Lottie动画、SVGs，提取品牌颜色、字体及设计元素。支持实时检查编辑网页元素CSS值并复制代码，批量下载提取图片等视觉资产，提取SVG图标图形，自动检测提取Lottie动画，提取颜色调色板，检查颜色对比度，导出Tailwind CSS代码，提取设计系统，支持书签组件等建立参考库，适用于多角色工作流程。

产品功能

• 实时检查并编辑网页元素的CSS值，支持颜色、字体、间距、阴影等，编辑后可直接复制为CSS或Tailwind代码
• 从任何网站下载图片、视频、SVG等所有视觉资产，支持批量下载和提取
• 从任何网站提取SVG图标和图形，可下载到本地使用
• 自动检测并提取网站上的Lottie动画，下载为JSON文件
• 从任何网站提取完整的颜色调色板，获取品牌颜色的HEX、RGB和HSL值
• 直接在实时网站上检查颜色对比度是否符合WCAG 2.1无障碍标准
• 检查网站元素并导出为干净的Tailwind CSS代码
• 提取网站的设计系统，包括颜色、字体、半径和阴影等，可导出为Tailwind配置或原始CSS变量
• 支持书签任何组件、颜色或资产，建立个人参考库
• 适用于设计师、开发者、代理商和无代码构建者等不同角色的工作流程，可快速复制网站设计到不同平台