Canva Code 2.0登場|生成時間75%削減、AIで作ったサイトを自分らしく仕上げる

Canva Code 2.0登場|生成時間75%削減、AIで作ったサイトを自分らしく仕上げる

Canvaは、自然言語のプロンプトでウェブサイトやアプリ、インタラクティブな体験を構築できる「Canva Code 2.0」を、無料、Pro、Business、Enterprise、教育の各ユーザー向けに提供開始した。

Canvaによると、コード生成時間は75%削減され、プロンプトから公開までの時間は中央値で30%短縮された。50種類以上の新テンプレートと、1億2000万点を超えるアセットを備えたライブラリを利用でき、HTMLインポートにも対応する。

Canva Codeの初公開は約1年3か月前で、コミュニティはこれまでに600万を超えるサイトを制作した。Canvaは毎月2億6500万人が利用し、AI製品の利用は累計320億回を超える。導入事例にはAlt Marketing Schoolや、World Book Dayに50人の読書家が制作した教育用ゲームがある。

From: 文献リンクVibe coding that matches your vision: Canva Code 2.0 is now available to all

【編集部解説】

Canvaが2026年7月14日(米国時間)に全ユーザー向けの提供を開始した「Canva Code 2.0」。この発表の本質は、「バイブコーディング」という生まれたばかりの概念が、ついに一般の人々のもとへ本格的に降りてきた、その転換点にあります。

まず「バイブコーディング(vibe coding)」という言葉自体が、まだ生まれて1年半ほどしか経っていません。AI研究者のアンドレイ・カルパシー氏が2025年2月にX上で名づけたこの言葉は、「コードの存在を忘れ、勢い(vibe)に身を委ねる」という、半ば冗談めいた投稿から始まりました。それが約9か月で、コリンズ英語辞典の「2025年の言葉」に選ばれました。この選出は言葉の注目度の高さを示すものであり、社会への広がりを感じさせます。

つまりCanvaは、言葉が生まれてから間もない領域に、2億6500万人という桁違いの月間利用者を抱えたまま乗り込んできたことになります。ここに、この発表を「今」報じる意味があります。

ここで技術的な要点を、少し噛み砕いておきます。Canvaは、これまでのバイブコーディングツールの多くについて、「動くものは作れる」段階で止まりがちだと問題提起しています。プロンプトを打てばアプリやサイトの原型はできる。けれど、それを「自分らしい見た目」に仕上げようとすると、別のデザインツールを開いたり、開発者に頼んだり、あるいはAIとの終わりのないやり取りに沈み込んだりする必要がありました。Canva自身の言葉を借りれば、多くのツールの出力は「似たものだらけの海」に埋もれてしまうのです。

Canva Code 2.0が狙うのは、まさにこの「見た目の最後の一歩」です。生成した成果物を、いつものCanvaエディター上で、色やフォント、画像をドラッグ&ドロップで直接編集できる。ここがCanvaならではの差別化点と言えるでしょう。競合の多くがコード生成を中心に訴求するなか、Canvaは「生成後に、いかに自分のものへ仕上げるか」という別の土俵を選んだわけです。

数字にも、その本気度がにじみます。Canvaによると、コード生成にかかる時間は75%削減、プロンプトから公開までの中央値は30%短縮されました(いずれもCanvaの公表値で、測定条件や比較対象は開示されていません)。初代Canva Code(2025年4月、Canva Create 2025で発表)のリリースから約1年3か月。この間にコミュニティが作ったサイトは、Canva公称で600万を超えます。

Canva Code 2.0は、数か月前(2026年4月)に発表された「Canva AI 2.0」のワークフローの一つとして提供されます。Canvaは同じ時期に、Proteus(スタイル変換)、Lucid Origin(画像生成)、I2V(画像から動画)といった独自の視覚生成モデルを発表していますが、これらがCanva Code 2.0のコード生成そのものを担っているかは、公式には明らかにされていません。むしろ注目すべきは、Canvaが独自モデルとデザイン資産を拡充する一方で、OpenAIやAnthropicといった外部の技術パートナーのモデルも組み合わせたハイブリッドなAI基盤を築いている点です。実際、初代Canva CodeはAnthropicのClaude 3.7 Sonnetを活用していました。自前の資産と外部の最先端モデルを束ね、膨大なユーザー基盤の上で動かす——ここにCanvaの戦略の輪郭が見えてきます。

一方で、冷静に見ておきたい側面もあります。「誰でもコードが書ける」体験は、裏を返せば「コードを読まずに公開できる」ことでもあります。カルパシー氏本人が当初、バイブコーディングについて「使い捨ての週末プロジェクトには悪くない」という趣旨を述べていたことは、示唆的です。個人の教室ページや持ち寄りパーティーの記録には最適でも、機密情報を扱う業務や、セキュリティが問われる領域にそのまま持ち込むには、まだ慎重さが要ります。無料ユーザーにまで開放されたことで、この「手軽さと責任のギャップ」は、今後より多くの人が直面するテーマになるはずです。

それでも、大きな流れとしてこの動きが指し示す方向は明確であると考えます。2013年のサービス開始以来、Canvaは「デザインを一部の専門家のものから、みんなのものへ」と押し広げてきました。今まさに起きているのは、それと同じことが「ソフトウェアづくり」の領域で始まっている、ということです。プレゼン資料やSNS投稿を作る感覚で、動くウェブアプリやインタラクティブな体験を作る——その敷居が、また一段下がりました。

「未来を、知りたい・触りたい・関わりたい」。もしあなたがそう感じているなら、Canva Code 2.0は、まさに「触ってみる」のに手頃な入り口の一つと言えるのかもしれません。

【用語解説】

HTMLインポート
ほかのツールやAIアシスタントで作成したHTMLをCanvaに取り込み、編集可能なデザインとして続きを作れる機能。ゼロから作り直す手間を省く狙いがある。

Proteus/Lucid Origin/I2V
Canvaが自社開発した視覚生成AIモデル群の名称で、2026年4月発表の「Canva AI 2.0」で紹介された。Proteusはスタイル変換、Lucid Originは画像生成、I2Vは「Image to Video(画像から動画)」の生成を担う。いずれも視覚生成用であり、Canva Code 2.0のコード生成モデルとして使われているかは公式に開示されていない。

Canva Create
Canvaが年次で開催する製品発表イベント。初代Canva Codeは2025年4月10日の「Canva Create 2025」で発表された。

シングルサインオン(SSO)
一度の認証で複数のサービスやシステムへログインできる仕組み。組織内で成果物を安全に共有する際に用いられる。

【参考リンク】

Canva Code / AIコードジェネレーター(公式製品ページ)(外部)
プロンプトからの生成、要素の編集、Canva Sheetsとのデータ連携などを紹介するCanva公式ページ。

Canva(公式サイト)(外部)
ドラッグ&ドロップで誰もがデザインを作れる、世界で広く使われるオンラインデザインプラットフォーム。

Alt Marketing School(公式サイト)(外部)
Canvaが事例として紹介した小規模事業者。マーケティング教育を手がける。

Canva Code の使い方(Canvaヘルプセンター)(外部)
インタラクティブなデザインをCanva Codeで作成・公開する手順を解説する公式ガイド。

【参考動画】

【参考記事】

Canva launches Code 2.0, offering AI website building to every user(VentureBeat)(外部)
市場規模47億ドルや競合Lovable・Replit・Bolt.newの動向を引き、全ユーザー開放の意味を報じる。

Canva Code 2.0 adds visual editing, HTML imports, and real-time collaboration(9to5Mac)(外部)
2026年7月14日の全ユーザー向け提供開始と、視覚編集、HTMLインポート、共同編集などの主要機能を紹介した記事。

There’s a new kind of coding I call “vibe coding”(Andrej Karpathy/X)(外部)
「バイブコーディング」という語が生まれた2025年2月2日のカルパシー本人による原典の投稿。

Canva Code Unleashed: Build Interactive Apps Like Never Before(DesignMonks)(外部)
初代Canva Codeが2025年4月10日の「Canva Create 2025」で発表された経緯を伝える記事。

Design, code, and create with our biggest AI launches yet(Canva公式)(外部)
初代Canva CodeがAnthropicのClaude 3.7 Sonnetで構築されたことを明記した、Canvaによる一次発表。

Claude 3.7 Sonnet and Claude Code(Anthropic)(外部)
Claudeのコーディング性能を紹介したAnthropicの公式発表。Canvaによる品質評価にも触れている。

Canva AI Product Terms(Canva公式規約)(外部)
出力の所有と責任の分担、第三者技術の利用を定めた規約。2026年6月26日発効。

【関連記事】

Canva AI 2.0正式発表—デザインツールから「仕事が完結するAIプラットフォーム」へ
今回のCanva Code 2.0が組み込まれた「Canva AI 2.0」全体を俯瞰した記事。位置づけを把握できる。

Canva Visual Suite 2.0発表:AIスプレッドシートとコーディング機能を追加
初代Canva Codeが発表されたVisual Suite 2.0の記事。今回の「2.0」との差分を比較できる。

Claude Design始動─Anthropicがデザインツール市場に参入、Claude Opus 4.7が下支え
Canvaと協業しつつ参入したAnthropicの動き。Canva Codeを支える技術パートナーの立ち位置を読める。

Databricksが警告するヴァイブコーディングのセキュリティリスクとその対策
本記事の「手軽さと責任のギャップ」という論点を補強する、セキュリティ面の解説記事。

【編集部後記】

Canvaのホーム画面で「Code」を選ぶと、白紙のプロンプト欄と50種類以上のテンプレートが並んだ入口が開きます。無料アカウントでも、ここから作った成果物は無料ドメインで公開でき、通常のCanvaデザインと同じ要領で色やフォント、画像を差し替えられます。2026年6月26日発効のCanvaのAI製品規約では、出力は原則ユーザーが所有し、その適法性や共有の責任もユーザーが負うと定められています。ではそこにCanvaの膨大なライブラリ素材を組み込んだとき、素材ライセンスの条件と第三者の権利は公開される成果物のどこまでを縛るのでしょうか。作って公開する手軽さが増した今、その線引きは次にCanva Codeへ触れる一人ひとりの手元で試される段階に入っています。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です