独立工作的产品设计师
快速产出风格统一的界面方案。
趁灵感还在
马上做出来
用一句话写下你想做的服务，相互衔接的应用界面和设计系统就会一起生成。
从一句轻松的描述开始
设计系统自动生成
没有AI味、完成度很高的流程就此完成
How it works
从一句话到一整套界面
这就是画布里真实发生的顺序：先询问方向，智能体搭好骨架、逐个放上区块并画好图片，最后用设计系统统一打磨。
Design system
轻松更新你的设计系统
这就是画布里的设计系统面板。改变颜色、风格、字体或字号，三个界面会一起变化。
设计系统全部流程
品牌色
图形风格
字体排印
14pt
AA
形状与密度
16px
테이블콜
내 주변 맛집 검색
지금 줄 서는 곳더보기
연남 화덕피자대기 12팀 · 예상 40분3분 전
성수 마제소바대기 5팀 · 예상 15분방금 전
홈검색찜마이
성수 화덕 피자이탈리안 · 서울 성동구 성수동영업 중 · 22:00까지
4.8후기 280개
7팀지금 대기
25분예상 대기
대표 메뉴
마르게리타16,000원웨이팅 시작
웨이팅 알림
내 앞 3팀예상 입장 12분 후
약 12분예상 대기 시간2명인원
입장까지 진행 상황
접수입장
곧 입장 순서입니다. 매장 근처에서 대기해 주세요
가게명성수 화덕 피자
접수 시간오후 6:32
알림 설정
입장 알림 켜기
Features
Draft 的核心功能
把描述变成界面，展示生成的过程，越用越贴近你的喜好。
-
01
学习你的设计偏好
做的方案越多，越懂你的喜好，方案也越让你满意。
-
02
Auto Flow
只需一句服务描述，就能生成相互衔接的界面流程。
-
03
追加访谈功能
为了更完整的结果，先询问方向，再反映到方案里。
-
04
自研智能体系统
借助 AI 模型，实时生成组件布局和内容。
-
05
AI 图片生成
在需要图片的位置，自动生成符合界面语境的照片或插画。
-
06
设计更新对话
用自然语言输入修改需求，Draft 会分析后直接修改画布上的设计。
-
07
参考克隆
把参考界面的图片放进方案，Draft 会读出布局，并按你的设计系统做成组件。
Who it's for
推荐给这些人
自己动手做产品的 Vibe Coder
写代码前先理清界面流程和文案。
产品策划·PM
把写好的策划直接变成界面。
FAQ
常见问题
Draft 是什么样的工具？
Draft 是一款网页设计编辑器。用一句话写下你想做的服务，它就会生成首页、详情、个人页等相互衔接的多个应用界面，以及与之匹配的设计系统。生成的界面可以在画布上用自然语言修改或直接编辑，还能导出为 Figma、HTML、PNG，马上衔接下一步工作。
需要付费吗？
测试期间所有功能都可以免费使用。不过 AI 功能每人每天有使用上限，额度在每天零点(韩国时间)重置。手动修改界面、导出等不使用 AI 的操作不受额度限制。
不懂设计也能用吗？
可以。如果描述里缺少信息(谁在用、想要的氛围、应用名称)，Draft 会先用选项来问你。选好之后，界面结构和设计系统就确定了；颜色、图形风格、字体、字号、圆角也只需在面板上点选，所有界面会一起更新。
可以导入 Figma 吗？
可以，而且不需要插件。在画布上选中画框复制，再粘贴到 Figma，就会以保留自动布局的图层形式出现。可以一次选中多个画框一起搬过去，也可以下载为 HTML 或 PNG。
会直接照搬参考图片吗？
不会。Draft 只从参考界面读取区块的种类和顺序等结构。颜色、字体和文案都遵循你的设计系统和服务描述，附加的图片只用作参考，不会原样放到画布上。
用的是哪家的 AI？
界面结构、文案和参考图片的识别使用 Anthropic 的 Claude，界面里的照片和插画生成使用 Google 的 Gemini。哪些区块按什么顺序摆放，以分析 1,300 多张真实应用界面得出的分布为依据。
手机上也能用吗？
可以打开，但画布是按电脑屏幕设计的。挑选和修改界面的操作很多，建议在电脑浏览器上编辑。无需安装。