ひらめきが消える前に
すぐ形にしよう

作りたいサービスを一行で書くと、つながったアプリ画面とデザインシステムが一緒に生まれます。

気軽な説明一行から

デザインシステムが自動で作られ

AIっぽさのない、完成度の高いフローが仕上がります

How it works

一行の説明が画面セットになるまで

実際のキャンバスで起きる順番そのままです。方向性を尋ね、エージェントが骨組みを立ててブロックを一つずつ載せ、画像まで描いたあと、デザインシステムで整えます。

Design system

デザインシステムを手軽に更新してみましょう

キャンバスのデザインシステムパネルそのままです。色・スタイル・フォント・文字サイズを変えると、3つの画面が一緒に変わります。

デザインシステムすべてのフロー

ブランドカラー

グラフィックスタイル

タイポグラフィ

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

    サービスの説明一行から、つながる画面フローを作ります。

    一行の説明から作った飲食店の順番待ちアプリのメインフロー、つながる画面3枚
  • 03

    追加インタビュー機能

    より完成度の高い結果のために、方向性を尋ねて案に反映します。

  • 04

    独自のエージェントシステム

    AIモデルがコンポーネントの配置と中身をリアルタイムで生成します。

  • 05

    AI画像生成

    画像が必要なところに、画面の文脈に合った写真やイラストを自動で作ります。

  • 06

    デザイン更新チャット

    自然な言葉で更新を頼むと、内容を分析してキャンバスのデザインを修正します。

  • 07

    リファレンスクローン

    参考画面の画像を案に入れると、レイアウトを読み取り、自分のデザインシステムに合わせてコンポーネントにします。

    取り込んだスケジュール画面と、その構造から作り直した画面
Who it's for

こんな方におすすめです

一人で働くプロダクトデザイナー

統一感のある画面案をすばやく作れます。

自分でサービスを作るバイブコーダー

コーディング前に画面フローとコピーを整理。

企画者・PM

文章の企画をすぐ画面にします。

FAQ

よくある質問

Draftはどんなツールですか?

作りたいサービスを一行で書くと、ホーム・詳細・マイページのようにつながるアプリ画面と、それに合うデザインシステムを一緒に作るWebデザインエディターです。作った画面はキャンバス上で言葉で直したり直接編集したりでき、Figma・HTML・PNGに書き出して次の作業にすぐつなげられます。

料金はかかりますか?

ベータ期間中はすべての機能を無料で使えます。ただしAI機能には1人あたり1日の利用上限があり、上限は毎日0時(韓国時間)にリセットされます。画面を手で直したり書き出したりするなど、AIを使わない作業は上限に関係ありません。

デザインを知らなくても使えますか?

はい。説明に足りないこと(誰が使うか、求める雰囲気、アプリ名)があれば、Draftが先に選択肢で尋ねます。選ぶだけで画面構成とデザインシステムが決まり、色・グラフィックスタイル・フォント・文字サイズ・角の丸みはパネルで押して変えると全画面に反映されます。

Figmaに持っていけますか?

はい、プラグインなしでできます。キャンバスでフレームを選んでコピーし、Figmaに貼り付けると、オートレイアウトが生きたレイヤーとして入ります。複数のフレームをまとめて移したり、HTMLやPNGでダウンロードしたりもできます。

参考画像をそのまま真似して描きますか?

いいえ。参考画面からはブロックの種類と順番といった構造だけを読み取ります。色・フォント・コピーはあなたのデザインシステムとサービスの説明に従い、添付した画像は参考として読むだけで、キャンバスにそのまま載せることはありません。

どのAIを使っていますか?

画面構成・コピー・参考画像の読み取りにはAnthropicのClaudeを、画面に入る写真やイラストの生成にはGoogleのGeminiを使っています。どのブロックをどの順番で置くかは、実際のアプリ画面1,300枚以上を分析した分布を基準にしています。

スマートフォンでも使えますか?

開くことはできますが、キャンバスはPC画面向けに作られています。画面を選んで直す作業が多いため、編集はPCのブラウザをおすすめします。インストールは不要です。

最初の画面セットを
今すぐ作ってみましょう

インストールも支払いも不要です。