Docs

使用文档

安装、配置和使用 Design Extractor 的完整指南

快速开始

5 分钟完成安装并分析第一个网站

API Key 配置

配置 OpenAI 或兼容接口的 API Key

高级配置

自定义模型、提示词和输出格式

与 AI 工具集成

配合 Cursor、GitHub Copilot 等工具使用

安装扩展

1

打开 Chrome Web Store

点击下方按钮前往 Chrome Web Store 下载页面

2

点击"添加至 Chrome"

在 Chrome Web Store 页面点击蓝色按钮完成安装

3

固定扩展图标

点击 Chrome 右上角拼图图标，将 Design Extractor 固定到工具栏

4

配置 API Key（Free 版）

点击扩展图标 → 设置 → 输入你的 OpenAI API Key

提示： 选择 Pro 或 Max 计划可免去 API Key 配置，直接使用平台额度，开箱即用。