Solo product designers
Get consistent screen drafts fast.
Build it before
the idea fades
Describe the service you want in one line, and Draft lays out the connected app screens together with a design system for them.
Start with one light line
The design system builds itself
A polished flow that never looks AI-made
How it works
From one line to a set of screens
This is exactly what happens in the canvas. Draft asks about your direction, then its agent sets up skeletons, places blocks one by one and draws the images, and you refine it all with your design system.
Design system
Update your design system with ease
This is the same design system panel you get in the canvas. Change the color, style, font or type size and all three screens update together.
Design systemAll flows
Brand color
Graphic style
Typography
14pt
AA
Shape & density
16px
테이블콜
내 주변 맛집 검색
지금 줄 서는 곳더보기
연남 화덕피자대기 12팀 · 예상 40분3분 전
성수 마제소바대기 5팀 · 예상 15분방금 전
홈검색찜마이
성수 화덕 피자이탈리안 · 서울 성동구 성수동영업 중 · 22:00까지
4.8후기 280개
7팀지금 대기
25분예상 대기
대표 메뉴
마르게리타16,000원웨이팅 시작
웨이팅 알림
내 앞 3팀예상 입장 12분 후
약 12분예상 대기 시간2명인원
입장까지 진행 상황
접수입장
곧 입장 순서입니다. 매장 근처에서 대기해 주세요
가게명성수 화덕 피자
접수 시간오후 6:32
알림 설정
입장 알림 켜기
Features
Draft's core features
Turn a description into screens, watch them being made, and get closer to your taste the more you use it.
-
01
Learns your design taste
The more drafts you make, the better it learns your taste, so the drafts keep getting closer to what you want.
-
02
Auto Flow
Turn one line about your service into a connected flow of screens.
-
03
Follow-up interview
For a more polished result, Draft asks about your direction and reflects it in the drafts.
-
04
Built-in agent system
AI models place the components and generate their content in real time.
-
05
AI image generation
Wherever a screen needs an image, Draft creates a photo or illustration that fits the context.
-
06
Design update chat
Type an update request in plain words, and Draft analyzes it and edits the design on the canvas.
-
07
Reference Clone
Drop a reference screen image into your draft, and Draft reads its layout and rebuilds it as components in your design system.
Who it's for
Recommended for
Vibe coders building their own product
Sort out flows and copy before coding.
Planners & PMs
Turn a written plan into screens.
FAQ
Frequently asked questions
What is Draft?
Draft is a web design editor. Describe the service you want in one line and it creates a connected set of app screens, like home, detail and profile, along with a design system that fits them. You can edit the screens on the canvas by asking in plain words or by hand, then export them to Figma, HTML or PNG to keep going.
Does it cost anything?
Every feature is free during the beta. AI features have a daily limit per person, which resets every day at midnight Korea time. Work that doesn't use AI, like editing screens by hand or exporting, doesn't count toward the limit.
Can I use it without design experience?
Yes. If your description leaves something out, like who it's for, the mood you want or the app's name, Draft asks first with a few options. Pick one and the layout and design system are set. Colors, graphic style, fonts, type size and corners can be changed in the panel, and every screen updates together.
Can I bring my screens into Figma?
Yes, without a plugin. Select frames on the canvas, copy them and paste into Figma. They arrive as layers with auto layout intact. You can move several frames at once, or download them as HTML or PNG.
Does it copy my reference images as they are?
No. From a reference screen, Draft reads only the structure, such as which blocks appear and in what order. Colors, fonts and copy follow your design system and service description. Attached images are read for reference only and are never placed on the canvas as they are.
Which AI does Draft use?
Anthropic's Claude handles screen layout, copy and reading reference images. Google's Gemini generates the photos and illustrations that go into screens. Which blocks go where, and in what order, is based on an analysis of more than 1,300 real app screens.
Does it work on mobile?
You can open it, but the canvas is built for desktop screens. Picking and editing screens is a big part of the work, so we recommend editing in a desktop browser. There's nothing to install.