一人で働くプロダクトデザイナー
統一感のある画面案をすばやく作れます。
作りたいサービスを一行で書くと、つながったアプリ画面とデザインシステムが一緒に生まれます。
気軽な説明一行から
デザインシステムが自動で作られ
AIっぽさのない、完成度の高いフローが仕上がります
実際のキャンバスで起きる順番そのままです。方向性を尋ね、エージェントが骨組みを立ててブロックを一つずつ載せ、画像まで描いたあと、デザインシステムで整えます。
キャンバスのデザインシステムパネルそのままです。色・スタイル・フォント・文字サイズを変えると、3つの画面が一緒に変わります。



마르게리타16,000원説明を画面に変え、作る過程を見せ、使うほどあなたの好みに近づきます。
案を作るほど好みを学習し、より満足できる案を受け取れます。
サービスの説明一行から、つながる画面フローを作ります。

より完成度の高い結果のために、方向性を尋ねて案に反映します。
AIモデルがコンポーネントの配置と中身をリアルタイムで生成します。
画像が必要なところに、画面の文脈に合った写真やイラストを自動で作ります。
自然な言葉で更新を頼むと、内容を分析してキャンバスのデザインを修正します。
参考画面の画像を案に入れると、レイアウトを読み取り、自分のデザインシステムに合わせてコンポーネントにします。

統一感のある画面案をすばやく作れます。
コーディング前に画面フローとコピーを整理。
文章の企画をすぐ画面にします。
作りたいサービスを一行で書くと、ホーム・詳細・マイページのようにつながるアプリ画面と、それに合うデザインシステムを一緒に作るWebデザインエディターです。作った画面はキャンバス上で言葉で直したり直接編集したりでき、Figma・HTML・PNGに書き出して次の作業にすぐつなげられます。
ベータ期間中はすべての機能を無料で使えます。ただしAI機能には1人あたり1日の利用上限があり、上限は毎日0時(韓国時間)にリセットされます。画面を手で直したり書き出したりするなど、AIを使わない作業は上限に関係ありません。
はい。説明に足りないこと(誰が使うか、求める雰囲気、アプリ名)があれば、Draftが先に選択肢で尋ねます。選ぶだけで画面構成とデザインシステムが決まり、色・グラフィックスタイル・フォント・文字サイズ・角の丸みはパネルで押して変えると全画面に反映されます。
はい、プラグインなしでできます。キャンバスでフレームを選んでコピーし、Figmaに貼り付けると、オートレイアウトが生きたレイヤーとして入ります。複数のフレームをまとめて移したり、HTMLやPNGでダウンロードしたりもできます。
いいえ。参考画面からはブロックの種類と順番といった構造だけを読み取ります。色・フォント・コピーはあなたのデザインシステムとサービスの説明に従い、添付した画像は参考として読むだけで、キャンバスにそのまま載せることはありません。
画面構成・コピー・参考画像の読み取りにはAnthropicのClaudeを、画面に入る写真やイラストの生成にはGoogleのGeminiを使っています。どのブロックをどの順番で置くかは、実際のアプリ画面1,300枚以上を分析した分布を基準にしています。
開くことはできますが、キャンバスはPC画面向けに作られています。画面を選んで直す作業が多いため、編集はPCのブラウザをおすすめします。インストールは不要です。