Refore

一句话简介

Refore 是一款面向产品经理和设计师的 AI 驱动 UI/UX 设计工具套件，可将任意网页或截图一键转换为可编辑的设计稿。

网站介绍

Refore 是一套专注于 UI/UX 设计领域的 AI 设计工具平台，由 Refore 团队开发运营，提供中文版（reforeai.cn）和国际版（refore.ai）两个站点。该平台主要帮助产品经理、UI/UX 设计师、前端开发者及独立开发者，将现有的网页、截图、HTML 文件等视觉内容快速转换为可编辑的设计文件，并支持导入到 Figma、MasterGo、Pixso、即时设计等主流设计工具中。截至目前，Refore 已服务全球超过 30,000 家企业用户和 20 万名产品构建者。

核心功能/栏目

1. 网页转设计（HTML to Design）：一键将任意网页转换为分层可编辑的设计稿，支持像素级还原、自动布局、批量导入多个连续页面和交互流程。

2. 截图转设计（Screenshot to Design）：将 App、小程序或桌面应用的截图还原为分层清晰、结构规范的矢量化设计稿。

3. AI 帮你改（AI Refiner）：在设计画板内提供 AI 助手，可生成和优化文案、处理图像、智能重命名图层，并支持图片与图标的完美矢量化。

4. Refore Make：通过一句话描述即可生成页面，也可让 AI 修改现有产品页面设计（网页、App、小程序等），并一键导入设计工具继续编辑。

5. Refore Mark：在真实产品页面上标注和讨论需求，自动生成精准的 Prompt，可交给 Claude Code 等 AI Agent 执行，或由 Refore 直接修改代码。

6. Web to AI：一键将当前网页转换为 AI 友好的语义化 HTML 和 Tailwind CSS 代码，便于后续智能迭代和修改。

推荐优势/特点

1. 像素级还原：每个元素 100% 还原到设计稿中，并通过独家技术获取和导入源站高清图片，确保设计质量。

2. 多平台兼容：支持导入 Figma、MasterGo、Pixso、即时设计等主流设计工具，适配国内外设计师的常用工作环境。

3. AI 智能优化：导入后可一键使用 AI 智能重命名所有图层，批量更新字体，自动解析页面布局并转换为设计稿中的自动布局。

4. 批量高效操作：支持一次性批量导入多个连续页面和交互流程，适合快速迭代现有产品，大幅提升竞品分析和设计借鉴效率。

5. 覆盖全角色需求：产品经理可快速迭代产品流程，设计师可高效借鉴优秀设计，开发者可快速获取结构代码，独立开发者可低成本完成产品原型验证。

使用方法/入口指引

用户可通过浏览器访问 Refore 中文官网（reforeai.cn）或国际版官网（refore.ai），注册并登录账号后即可在线使用各项功能。以"网页转设计"为例，安装对应的浏览器插件后，在目标网页上点击插件按钮，选择导入的目标设计工具（如 MasterGo、Pixso 等），即可完成转换。部分功能（如 Refore Make、Refore Mark）可直接在官网平台内操作使用。平台提供免费基础功能，高级功能可能需要付费订阅。

同类/相关网站推荐

1. Figma（figma.com）：全球主流的在线协作设计工具，Refore 的核心导入目标之一，适合 UI/UX 设计与团队协作。

2. MasterGo（mastergo.com）：国产在线设计协作平台，支持多人实时编辑，是 Refore 网页转设计的重要导入渠道。

3. Pixso（pixso.cn）：国产一站式设计协作工具，支持原型设计、UI 设计与设计系统管理，与 Refore 深度兼容。

4. 即时设计（js.design）：国产免费的在线 UI 设计工具，支持设计稿协作与组件库管理，可作为 Refore 设计稿的导入目标。

5. Locofy（locofy.ai）：一款将设计稿转换为前端代码的工具，与 Refore 形成"设计转代码"与"网页转设计"的互补工作流。