Canva Code 2.0とは？無料でWebサイト・アプリ作成、上限・商用利用・注意点

「コードは分からない。でもLPや計算ツールは欲しい」

この止まり方は、Canva Code 2.0でかなり減ります。

日本語で作りたい内容を書けば、Webサイト、LP、料金計算、クイズ、フォームをCanva上で生成し、そのまま視覚編集できます。

無料プランでも利用できます。 ただし、無料は無限ではありません。1日20メッセージと月間Premium AI枠20回という、別々の上限があります。

* 先に結論

Canva Code 2.0は日本語・無料プラン対応です。無料のCanvaドメインでWeb公開まで試せます。一方、コードのファイル出力、本格DB、決済連携は期待しない方が安全です。

無料でできる範囲と、有料へ切り替える境目を数字で整理します。

Canva Code 2.0の無料上限は日次20回と月間20回

Canva公式ヘルプでは、Canva Codeの上限を2種類に分けています。

日次20回と月間20回は、同じ話ではありません。

無料プランで毎日20回ずつ使えるのではなく、Canva Codeは月間Premium AI枠も消費します。画像生成など他のPremium AI機能と共有するため、月の途中で先に止まる可能性があります。

無料なら、毎日20回ずつ直せると思っていました。

ここが一番間違えやすいです。

斎藤

1日の上限と月間AI枠を両方見る。無料で試すなら、最初の指示を長めに固めた方が得です。

料金は国・通貨・契約経路で変動します。米国向け公式料金では、Freeは0ドル、Proは月18ドル、Businessは1人あたり月25ドルと表示されています。日本で契約する時は、購入画面の円表示と税を確認してください。

! 課金する境目

無料の月間AI枠20回では足りない、または独自ドメインを接続したい。このどちらかに当たった時にProを検討すれば十分です。

Canva Code 2.0は、文章や画像を並べるだけのデザイン生成ではありません。

フォームの回答はCanva Sheetsへ記録できます。

副業ブログなら、記事を読むだけで終わらせず、料金計算や簡易診断を埋め込める。これが使いどころです。

30代会社員向けのAIブログ副業診断を作成。質問は5問、結果は「記事作成型」「画像制作型」「自動化型」の3種類。白背景、紺色アクセント、スマホ優先。結果画面に関連記事ボタンを置く。

「診断ツールを作って」だけでは、直しが増えます。

何を作るか、誰が使うか、どんな見た目か。この3点を最初に入れると、無料枠を無駄にしません。

1回目の精度は、指示の具体性でかなり変わります。

Canva Code 2.0は、Canvaの中で見た目を作って公開するには強いです。

コードは表示・コピーできますが、HTML・CSS・JavaScript一式をファイルとして外へ出す機能は公式ヘルプで案内されていません。

Canvaだけで公開と更新を続けたい人にはラクです。

一方、GitHubへ置く、WordPressへ丸ごと移す、独自DBや決済を動かす。本格開発が目的なら、別の開発サービスを選んだ方が早いです。

作ったサイトを自分のサーバへ移せますか？

コードの閲覧・コピーはできますが、ファイル出力と外部運用は保証されません。Canva内で使う前提で考えます。

斎藤

公開の手軽さを取る代わりに、コードの持ち運びは弱い。ここを納得できるかが判断基準です。

無料という言葉だけで選ばない方がいいです。