Refore
为泛产品经理和 Builder 打造的 AI 设计工具
AI像素级还原任意页面到Figma和MasterGo，还能在AI Agent里照着设计稿直接改代码页面。
核心功能
网页转设计
贴个链接就把网页转成Figma、MasterGo、Pixso或即时设计的可编辑稿，图层分层清晰。
截图转设计
上传App、小程序或网页截图，AI还原成设计稿，图标自动矢量化。
AI页面生成与修改
用自然语言描述想法生成页面，或者在现有设计稿上让AI帮你改布局和文案。
Refore Make
在Claude Code、Codex、Cursor等AI Agent里直接读取设计稿数据，照着在代码工程里建页面、改页面。
Refore Mark
在真实产品页面上标注讨论需求，生成精准Prompt交给AI Agent执行。
多平台导入
设计稿一键导入Figma、MasterGo、Pixso、即时设计继续编辑，支持提取公共样式。
产品特色
- 01
网页转设计这件事做得比较扎实
做产品的人经常需要参考别人的界面，手动临摹一上午可能才画出一个页面。Refore把任意网页变成可编辑设计稿的过程压缩到了几秒钟，图层结构还保留着，不是一张死图。有用户反馈“两天做好一个站”，效率差别挺明显的。还原度方面它支持提取源站高清图和CSS变量，不是随便截个图就完事。
- 02
打通了设计和代码之间那道墙
Refore Make让Claude Code、Cursor这些AI编程工具直接读取设计稿的真实数据——图层层级、尺寸间距、颜色文字样式，然后照着在代码工程里建页面。这个流程把产品经理画稿和开发者写代码之间的沟填上了一些。虽然不能指望AI完全还原设计意图，但至少不用再对着截图手动量间距了。
- 03
套餐分的细，按需选就行
免费版每月100积分够轻度用，标准版29元/月给600积分，Pro版59元/月给1800积分还支持图片转矢量，Max版119元/月给3600积分解锁截图转设计插件。不同套餐对应不同产品的使用权限，不是一刀切。对偶尔用一下的人，免费额度也能跑几回看看效果。
- 04
国内团队做的，中文支持比较自然
Refore是国内团队开发的产品，界面和文档都是中文的，对国内设计团队来说上手快。支持导入到MasterGo、Pixso、即时设计这些国内主流设计工具，不像一些海外工具只能导Figma。国内网络环境下使用也不太需要额外配置。
应用场景
✅ 竞品界面还原
看到竞品有个好用的交互，一键转成设计稿导入自己的项目里参考和调整。
✅ 产品快速原型
产品经理把参考页面的链接贴进去，几分钟拿到可编辑稿，在上面改出初版原型。
✅ 设计稿转代码
开发者用Cursor或Claude Code读取设计稿数据，按图层结构生成前端页面代码，省去手动量尺寸。
✅ App截图迭代
产品改版时设计稿太旧或不完整，拿现有App截图转成设计稿重新调整。
✅ 团队需求讨论
在真实页面上标注改动意见，生成精准Prompt交给开发执行，减少沟通来回。
常见问题
解答您关于"Refore"的常见疑问，让您更好地使用这款AI工具
-
免费版每月100积分，可以生成和修改页面50次、生成图片10次、优化图层名称约20个页面。偶尔用一下或者先试试效果是够的。如果经常做还原和迭代，标准版29元/月给600积分性价比更高。积分的消耗跟操作类型有关，简单的网页转设计消耗少一些。
-
支持Figma、MasterGo、Pixso和即时设计四个平台。网页转设计和截图转设计都可以导入到这四个平台里继续编辑。Refore Make支持Claude Code、Codex、WorkBuddy、Cursor、Kimi Code等任何支持MCP的AI Agent。用哪个平台取决于你的团队习惯。
-
比手动临摹准确很多，图层是分好的，图片是源站高清图，CSS变量和颜色字体也能自动提取。文字排版偶尔需要微调，但整体结构不用重新画。实测下来做参考和迭代够用了，如果要做到像素级完全一致可能还需要手动打磨一些细节。
-
网页转设计插件在国内可以直接用，速度不算快但能接受。有用户反馈如果速度慢可以尝试开启VPN。Refore本身是国内团队做的，服务器在国内，基础功能不翻墙也能正常使用。主要影响的是导入Figma海外版的场景。
-
可以。Refore支持导入AI工具生成的HTML页面到设计稿，包括那些需要点击或悬停才能看到的交互内容。官方的宣传案例里就有把AI生成页面导入Figma继续精细调整的流程。这个对用AI做初版设计再转入设计软件打磨的团队比较实用。
-
有团队版和企业版方案。团队版适用于公有云的MasterGo、Pixso或即时设计，5个席位起售，每个席位价格和单人版一样，员工离职可以把席位转给别人。企业版适用于私有化部署的设计平台，适合对数据安全有要求的企业。
立即体验“Refore”
Refore是一款AI设计工具，能把任意网页、截图或App界面一键转成Figma、MasterGo、Pixso、即时设计的可编辑设计稿，像素级还原。还支持用AI在代码工程里照着设计稿直接建页面。适合产品经理、设计师和开发者快速还原参考界面、做竞品分析或迭代设计。
