💬一年熟成されたCanva Code。さらに提供ユーザー拡大です。ところでAdobeは、、、。所感続き↓
Canvaが、プロンプトで生成したウェブサイトやアプリをCanvaのキャンバス上で編集できる「Canva Code 2.0」を全ユーザー向けに公開しました。
テンプレートやHTMLインポートから作成をスタートし、Canvaが持つ膨大な素材ライブラリでブランドに寄せた仕上げまで含めて制作することができます。
Canva Code 2.0のポイント
- プロンプト・テンプレート・HTMLインポートのいずれからでも作成をスタートできる
- 新しいCanva Codeテンプレートを追加、写真やグラフィックはCanvaのライブラリや手持ちの画像から差し替え可能
- 生成後はCanvaエディタ内で色・フォント・画像・文言を通常のデザインと同じ操作で直接編集できる
- 特定の要素だけを選択して会話型AIで修正することも可能
- チームでのリアルタイム共同編集・コメントに対応
- あらゆる画面サイズに自動対応し、プレビューでモバイル表示も確認できる
- 独自ドメインの購入、無料ドメインでの公開、組織内SSOでの共有から公開先を選べる
- Free／Pro／Business／Enterprise／Educationの全プランに提供開始
Canva Code 2.0では、Canvaの膨大なライブラリを活用可能
これまでのvibe coding系ツールは、プロンプトで動くものは作れても見た目が似たような仕上がりになりがち、という課題がありました。
Canva Code 2.0では、Canvaで提供されている編集画面、デザイン機能（ブランドカラー設定、テキスト、画像の簡単な編集、1億2000万点以上の素材＋50種類以上のテンプレート）を使うことで、生成後のコードのカラー・フォント・画像・テキストをCanvaエディタと同じ操作で編集したり、部分的な修正だけを会話型AIに任せることができます。
他のAIツールで作った成果物を持ち込めるHTMLインポートにも対応。続きの作業をCanva上で仕上げることも可能です。
もちろん、レスポンシブ表示にも自動対応。
Canvaからそのまま公開することができ、独自ドメイン（Canvaで購入可能）や無料ドメインも選べます。また、限定チームで共有する場合はSSO認証も利用できます。
KEY NUMBERS — ソース：① via Canva Newsroom
- コード生成時間：75%短縮
- プロンプトから公開までの時間（中央値）：30%短縮
- 導入から1年間の累計サイト作成数：600万件超
- 新規追加テンプレート数：50種以上
- 対応プラン：Free／Pro／Business／Enterprise／Education
競合サービスとの比較
AIを使った「プロンプトでアプリやサイトを作る」領域には、すでに複数のサービスがあるので、今回のCanvaの機能と比較してみました。
| サービス | できること | できないこと・注意点 |
|---|---|---|
| Canva Code | プロンプト/テンプレート/HTMLインポートで生成、Canvaの素材・編集画面でそのまま仕上げまで完結 | バックエンド・DB・認証まわりの踏み込みは発表内で未言及、利用上限の記載もなし |
| Lovable | フロント・バックエンド・DB・認証・決済まで一括生成、GitHub同期 | 見た目の作り込みは二の次になりやすい、Pro $25/月〜のクレジット制 |
| Figma Make | Figmaの既存デザインを踏襲したコード生成 | まだベータ運用で編集判断を上書きすることがあると指摘、Web出力のみ |
| v0／Bolt.new／Replit等 | 開発者向けの高速なフロントエンド生成 | ノーコード層には不向き、ブランド調整は手動が中心 |
💬 軽めインプレ所感
AIを使ったウェブデザインは、どのAIでも少なからず行えることは言うまでもありません。
ただ、後発でウェブデザインに特化したサービス展開となると、それはそれで気になります。
特にCanvaは使い勝手がよく、UIも理解しやすく、シンプルに見えるけど、実は十分に実用的な機能があるという絶妙な画像エディター・デザインメーカーです。僕はちょっとした画像、フライヤー、オリジナルTシャツのデータ作成でも活用してます。
そのCanvaが提供する「Canva Code」が、バージョン2.0になって、より多くのユーザーが使えるようになったというのはクリエーターには嬉しいニュース。Lovableの代わりになるかは不透明。
で、気になるのはAdobe関係。
Canvaが人気になる中、サブスク型のデファクトスタンダードとして君臨してきたAdobe陣営も「画像/動画生成AI(Firefly)」と「テンプレート型デザインツール(Express)」を出していますが、今のところはウェブデザインのバイブコーディング機能は提供していません。
業界筋の見方としては、Adobeはもう「Canvaに勝つ」ゲーム自体をやめて、「手軽なデザイン(Express)」と「プロの制作(Photoshop/Illustrator/Premiere)」をつなぐ橋というポジションに絞った、という分析もあり。ただ、この弱点は、若いクリエーターは最初は無料のCanvaに流れること。そのうちの大部分は、そのままCanvaサブスクに移行するだろうし、その時点でガッツリサブスクのAdobeに乗り換えるほどの理由が見つかるかどうか。今のところは、Adobeには企業ユーザーが多いから、大丈夫という話もあるけど。
