間違いなくデザインAIの正解はこれ。Claude Designリリースで、webページもスライドも動画も全て一つのツールで作成可能に!

NoLang運営チームよりお届けしている、Mavericks AIニュースをご覧いただきありがとうございます！

① 現時点で最も完成されたデザインAIエージェント。「Claude Design」がリリース！

米国時間4月17日、Anthropic社がデザインAI「Claude Design」をリリースしました。Claude Codeのヘビーユーザーはもちろん、これまでコーディングAIに手が出なかった人にとっても使いやすい、現時点で最も完成されたデザインAIエージェントと言えるでしょう。まずは是非、以下のデモ動画をご覧ください。

Claude Designが作成できるのは、一言でいえば「HTMLで表現可能なあらゆるデザイン」です。Webサイトやアプリのプロトタイプに始まり、スライドや動画に至るまで、幅広い用途をカバーしています。

とはいえこれまでも、Claude CodeやCoworkを使えば、このようなデザインは作成可能でした。では、Claude Designの何が特別なのでしょうか？

まず嬉しいのが、生成したデザインをその場で確認し、編集できる点です。プロトタイプ、スライド、動画といった用途別に最適化された画面が用意されており、テキストや色、オブジェクトの配置を自由に変更することができます。

HTMLを操作することになるため、編集の自由度こそ限られますが、ターミナルやVSCodeといった開発者ツールを一切開くことなく、ここまで操作が行えるのは画期的と言うほかありません。

そして、Claude Designの編集自由度に満足できない、上級者への配慮も抜かりありません。エクスポート機能が充実しており、PDF、PPTXでのダウンロードに加え、CanvaやClaude Codeといった外部ツールへのエクスポートもサポートされているのです。

案出しからドラフト作成までをAIと共同で行い、最後の仕上げを人がやるという、これまでライティングやコーディングで王道とされてきたワークフローをこなすハードルが、今回のリリースにより格段に下がったと言えます。

② これまでのAIエージェントにはなかった。Claude Designだけに搭載されたデザイン機能とは？

Claude Designの魅力は、便利な機能が揃っていることに留まりません。デザイン特化型ツールならではの工夫が、随所に散りばめられています。ここでは「バリエーションの探索」と「ブランディングに沿ったデザインシステムの構築」という2点から見ていきましょう。

web画面のデザインタスクにおいては、依頼主と作業者が認識を擦り合わせるために、簡素化されたデザイン案を複数パターン作成するのが定石です。具体的にはまず、画面の骨格を描いた「ワイヤーフレーム」を作成し、続いて実際の見た目を再現した「モックアップ」へと落とし込んで、細部を詰めていきます。

Claude Designには、このワイヤーフレームを作成するための専用モードが用意されています。特別なテクニックを使わずとも、擦り合わせに必要なデザイン案を効率良く量産できるのです。

さらに、「Tweaks（微調整）」と呼ばれる機能では、モックアップをベースとしたバリエーションの探索も行えます。テーマカラーやフォント、レイアウトといった項目の微調整を、専用パネルから即座にプレビューへと反映できます。

もう一つ着目したいのが、「デザインシステム」機能です。これは、会社や個人のブランディングに沿った統一感のあるデザインを生み出すための仕組みで、誤解を恐れずに言えば、以前紹介したGoogle Stitchの「DESIGN.md」の上位互換機能です。Figmaファイルやwebページのソースコードなどを読み込ませると、その中身を5分間にわたって解析した上で、カラーテーマやフォント、アイコンといった項目に関するルールを自動で整備してくれます。

先日発表されたClaude Mythosを受け、サイバー攻撃への警戒感が世の中で一段と高まっています。一方で、「見た目」を司るデザインは、その対極に位置する、リスクの低いAI活用の象徴とも言える領域です。障壁が低いだけに、Claude DesignのようなデザインAIエージェントの普及は、今後も着実に進んでいくでしょう。

③ Claude Codeへの反撃なるか？OpenAI社がCodexを大型アップデート

Claude Designのリリースに先駆けて、米国時間4月16日、OpenAI社がAIエージェント「Codex」の大型アップデートを発表しました。「Codex for (almost) everything」という強気のタイトルを掲げての発表です。

OpenAI社については先月時点で、ChatGPT、Codex、AIブラウザ「Atlas」の3製品を1つのデスクトップアプリへ統合する「スーパーアプリ構想」が報じられていました。今回のアップデートは、その実現に向けた第一歩と位置付けられるものです。

対抗馬となるClaude Codeが非エンジニアからも人気を集めている状況ではありますが、今回強調されたのはあくまで開発者向けの機能群でした。

まず注目したいのは、コンピューター使用機能の搭載です。Webブラウザに限らず、あらゆるPC操作をCodex自身が代行してくれます。さらにOpenAI社によれば、バックグラウンドで動作することから、私たちのPC操作を一切邪魔することなく、アプリのテストといった地道な作業を裏側で淡々と進めてくれる仕組みです†。

ChatGPTの画像生成機能が統合されたことも話題になりました。これにより、CodexでWebページを作成しながら、生成画像をそのままシームレスに差し込めます。

ただ総合的に見ると、Claude Codeに追いつこうという姿勢こそ感じるものの、機能や使い勝手の面では後塵を拝していると言わざるを得ないでしょう。

むしろ今注目したいのは、ChatGPTやArena AI上で限定的に公開されている、GPTの新しい画像生成AIモデルです。日本語を含むテキスト描画の水準がNano Bananaを始めとするこれまでの画像生成AIとは一線を画していると話題となっており、一般公開が待たれるところです。

†3月19日に筆者が試した限りでは、他のPC操作と干渉することがありました。

ChatGPT画像生成 (https://chatgpt.com/)

• ChatGPTの新しい画像生成AIモデルが限定的にロールアウト中

• 日本語を含むテキスト描画の水準がNano Bananaなどのモデルと比べて向上し、いよいよAI生成画像だと判別できない水準に達したと話題に

• Arena AIというサービスでも提供されているが、より遭遇確率が低いと考えられ、ChatGPTから試すことをおすすめ

Google Flow Music (https://www.flowmusic.app/)

• 音楽生成AIサービス「Producer AI」が、Google買収に伴って新ツールとしてリニューアル。Googleの音楽生成AI「Lyria 3 Pro」を搭載

• ChatGPTのようなチャットインターフェースで、AIと音楽作りを進めていける

• さらに生成後は「女性ボーカルに変えて」「もっとアップテンポに」といった形で修正依頼をすることもできる

• 無料でも試すことが可能

最後までお読みいただきありがとうございました。
サービス改善のため、アンケートにご協力いただけると幸いです。「ワンクリック」で完了します。

株式会社Mavericksは2023年、世界に先駆けてリアルタイム動画生成AIサービス「🐬NoLang」をリリースし、現在15万超のユーザーを抱えるまでに成長してきました。法人向けの展開も行い、法人プランのユーザー数は60社を突破しています。また、大手企業との協業や独自開発案件にも着手しており、唯一性の高い価値創出が加速しています。

今後、NoLangを中核に据えながら事業をさらに成長させるべく、エンジニア・デザイナー、営業・マーケティング担当、そして全方位で学生インターンの募集を開始しています。法人営業の担当や、SNS運用などに興味のある方も、ぜひこちらのフォームより一度ご応募ください。

採用ページでは、弊社の実績、求める人物像に加え、メンバーの声をインタビュー形式で掲載しております。興味を持った方はぜひご覧ください。お問い合わせは、[email protected]にて受け付けています。https://

また、私たちはニュースレターだけでなくXやInstagramにおいても、開発プロダクトに関する最新情報について積極的に発信しています。こちらも是非チェックしてみてください！