1DesignTool は、書いたブリーフを動くデザイン、つまりプロジェクトフォルダ内の本物の HTML・CSS・JS に変えるデスクトップのデザインスタジオです。動かしているのは、あなたがすでにインストールしているコーディングエージェントです。Claude Code、Codex、Cursor Agent、Devin などの対応 CLI が構築を担い、1DesignTool はそれらにスタジオ環境を提供します。ライブプレビュー、design kit のルール、ステアリングツール、そしてあなたのディスクに書き出されるエクスポートです。
全体像
やりたいことを書きます。たとえば「コーヒーのサブスクリプションのランディングページ、静かでエディトリアルな感じ」と書けば、エージェントがそれを構築します。結果はモックアップや図形のキャンバスではなく、開いて、編集して、フォークして、出荷できるファイルのフォルダです。プレビューパネルはフォルダを監視しているので、画面上のデザインは常にディスク上のデザインそのものです。
この分業こそがポイントです。エージェントは初稿を速く出すのが得意で、あなたは「正しい」見た目がどういうものかを知っています。1DesignTool はこの引き継ぎを中心に設計されています。エージェントが構築し、あなたが舵を取ります。要素を選んだり、コメントを書いたり、Tweaks コントロールを動かしたり、より品質の高いゲートに通し直したりして。
ローカルファースト、エンジンはあなたのエージェント
プロジェクトはあなたが選んだフォルダに置かれます。実行はあなた自身のエージェント CLI とアカウントを通じて行われます。アプリがエージェント用の API キーを求めることはなく、あなたの作業を当社のサーバーに中継することもありません。エージェントが構築したものは design kit によってチェックされます。コントラスト、最小文字サイズ、ヒットターゲット、あらゆる幅で機能するナビゲーションです。ゲートを通らなかったデザインは、どこが問題かを正確に示します。
作れるもの
14 種類のテンプレートが、小さなチームが実際に出荷する成果物をカバーします。UI モックアップとワイヤーフレーム、スライドデッキ、モバイル画面、インタラクティブ Web サイト、ブランドキットとロゴ、3D オブジェクトとシーン、アニメーション、レジュメ、インフォグラフィック、HTML メール、ドキュメントなどです。各テンプレートには出力に合わせたビューアが付属します。デッキにはスライドビューア、メールにはクライアント幅のプレビュー、3D にはオービットビューポートです。
ヒント: 白紙ではなくテンプレートから始めましょう。テンプレートが出力形式、ビューア、適用されるチェックをエージェントに伝えるので、ブリーフに書くのはアイデアだけで済みます。