Figma Sites は、デザイナーがデザイン稿をワンクリックで美しいページとして公開できます。Kanorio は、長く育てられ、Google から見つかるブランドサイトづくりを支えます。目標は違いますが、いっしょに使うこともできます。
Figma Sites とは?
Figma Sites は、Figma が 2025 年に出したサイト公開の機能です。デザイナーは慣れた Figma のキャンバスで版面を終えたら、デザイン稿をそのままレスポンシブなサイトとして公開でき、エンジニアへ実装を渡さなくて済みます。既定では *.figma.site のサブドメインが付きます。独自ドメインの接続は、Professional 以上が要ることが多いです。
Figma Sites のデザイン上の利点は本物です。専門のデザイン道具としてのピクセル単位の制御を引き継ぎます。Auto Layout、コンポーネントの仕組み、Design Library をサイトへそのまま使えます。内蔵のアニメーション、parallax、独自のカーソルなどの動きに、AI Code Layers も加わり、視覚の豊かなページを出せます。チームがすでに Figma を深く使っているなら、デザインから公開までの学びはほぼありません。これらは、まだ新しいサービスである Kanorio がいま並びにくいところです。
ただ、Figma Sites の本質はいまも「デザイナーの流れの延長」です。デザインの背景がない人、長くブランドを育てることのために作られたサイト作成基盤ではありません。以下では両者の向きの違いと、SEO、ブログ、流入データ、オンラインストアが要るときに Kanorio が補う面を説明します。
両者の向きの違い
Figma Sites と Kanorio が解く問題は違います。互いの置き換えではありません。
Figma Sites の強みは「デザインから公開」です。すでに一式のデザイン稿があるデザイナー、実績、告知ページ、動きの強い landing page 向きです。チームがすでに Figma で版面を終えていて、速く公開して共有したいだけなら、Figma Sites を続けるのは十分合理的です。
Kanorio の位置づけは「よりよいデザイン道具」ではありません。AI が専門のブランドサイト初稿を速く出し、モジュールでページと中身を広げていくことです。ブランドサイトには安定した URL があり、検索エンジンに拾われやすく、サービス説明、実績、記事、問い合わせを一つの場所で長く育てられます。無料プランから、SEO の多く、流入分析、セキュリティの基本が使え、力はデザイン道具の細部ではなくブランドの中身へ回せます。
デザインの背景がなくても、AI が初版サイトを出す
多くの人が止まるのは、「初版サイトをどう並べるか分からない」ことです。Kanorio の流れは、ブランド情報を書く → AI が初版を作る → 必要に応じて文章・画像・モジュールを直す → 公開、です。多くの人は、使える初版まで約 15 分です。
空白のキャンバスから一つずつドラッグするのではありません。先に、読めて直せる一式の初稿があり、少しずつあなたのブランド公式サイトになります。構成はビジュアルスイートのモジュールで広げられます。表紙、サービス紹介、実績、料金表、問い合わせなどです。
公平に言うと、あなた自身がデザイナーで、すでに Figma で美しい版面を終えているなら、Figma Sites の design-to-publish の流れは並ぶ相手が少ないです。デザインがそのまま完成品になり、動きもより豊かです。ただ、デザインの背景がない、あるいはサイトを育てる人がデザイナーでないなら、Kanorio の AI 初稿とモジュール編集は敷居を大きく下げます。
Google から見つかる。きれいな一枚だけで終わらない
SEO(Search Engine Optimization、検索エンジン最適化) の意味は単純です。Google などがサイトを理解しやすくし、見込み客が「サービス名で検索したとき」に、あなたが見えるようにすることです。
Kanorio は、検索タイトルと説明(Meta)、サイトマップ、掲載されやすいサイト構成など、基本の設定をサイト側で整えます。専門用語を先に覚えなくても、管理画面から検索プレビューの文言を直せます。無料プランから、これらの基本は使えます。入門はSEO のはじめ方を見てください。
公平に言うと、Figma Sites はページのタイトル、Meta Description、Open Graph 画像を設定できます。公開情報では、いま自動サイトマップ、Schema の構造化データ、Canonical、301 リダイレクトなどの進んだ SEO はなく、生成される HTML も <div> が主で、意味のあるタグは手で一つずつ設定する、とされます。リンクを共有できればよく、Google から見つかることをあまり気にしないなら、Figma Sites の展示ページはすでに十分使えます。ブランドが検索され、長い露出を積みたいなら、一式のサイトの SEO 構成のほうがこの目標に合います。
公式サイトの記事で、検索されるコンテンツ資産を積む
内容を育てるには、続けて更新できる場所が要ります。サービスの所感、よくある質問への答え、事例、業界の観察。Kanorio にはブログがあります。記事はあなたのブランドドメインの下に出ます。一本ごとに独立した URL があり、検索エンジンにも拾われやすいです。
公式サイトの印象を育てながら、検索される記事を資産として積めます。公開など一部の能力はプランによります。詳しくは料金プランを見てください。
Figma Sites には基本の CMS(中身の管理)があり、記事のような中身を管理できます。ただ、いまも beta で、機能は比較的薄いです(項目数の上限、揃った分類タグや RSS などの典型的なブログ能力がない、など)。ときどき美しい 1 ページを出すなら、Figma Sites のデザイン能力はいまも強いです。続けて書き、検索流入を積むのが目標なら、公式サイトのブログのほうが向きます。
公開した日から、誰が来たかを把握できる
公開したあと、知りたくなるのは、何人が来たか、どこから来たか、どのページを見たか、です。Kanorio にはデータ分析があります。無料プランからサイトの流入レポートを見られます。複雑な外部ツールを先に入れなくても、訪問の様子を理解し始められます。
公平に言うと、Figma Sites は Google Analytics を繋ぐか、計測コードを自分で入れられます。すでに GA に慣れている人には合理的です。公開した日から、来訪元と行動を普段の言葉で読みたい、計測コードを別に入れたくない、なら、Kanorio の内蔵レポートのほうが手間が少ないです。あとから広告や詳しい計測を繋ぐなら、サードパーティの計測ツールの役割の違いも見てください。入門はデータ分析のはじめ方です。
HTTPS と防御は標準装備。技術を自分で扱わなくてよい
ブランドサイトには最低限の守りが要ります。ただ、技術に詳しくない人の多くは、証明書や防御の設定を自分でやりたくありません。Kanorio にはセキュリティがあります。HTTPS/SSL証明書、DDoS 防御など、プラットフォーム側の能力です。あなたは中身と運営に力を回せます。
言い換えると、ブラウザに出る URL は安全な接続になり、よくある悪意ある流入もプラットフォームが助けます。アカウントと支払いの安全についても、サイトセキュリティの概要から読めます。
一般の実績や短い展示ページなら、Figma Sites の基本 HTTPS でもたいてい十分安全です。長く育てるブランド公式サイトなら、プラットフォーム層の防御は、追加の安心になります。
オンラインストア。ブランドサイトそのもので売れる
ブランドサイトでデジタル商品、講座、サービスのプランを売りたいなら、Kanorio にはオンラインストアがあります(Pro。料金プランを見てください)。公式サイトは展示だけでなく、コンバージョンも受けられます。
Figma Sites には、いま原生の EC がありません。買い物かご、決済、商品管理がありません。主な必要が、美しい展示ページを作り、別の販売の道へ案内することなら、Figma Sites はいまもよく合います。「サイトそのもので売りたい」なら、Kanorio のほうが噛み合います。
一つのアカウントで複数ブランド。デザイナーでなくても直せる
複数ブランドを同時に育てる、事業線が分かれている、同僚といっしょに中身を直す、はよくあります。Kanorio は、同じアカウントで複数サイトを管理でき、チームを招待して共同で保てます(プランと権限によります)。
「サイトを作る」は、一ページで終わりません。事業が伸びるにつれて、サイト数と共同の仕方を広げられます。新しいブランドのたびに道具を探し直さなくて済みます。
正直に言うと、Figma のリアルタイム共同はデザイン段階では並ぶ相手が少ないです。複数人が同じキャンバスで働き、コメントし、Design System を再利用できます。Figma Sites には Content Seat もあり、版面を固定したまま、デザイナーでない人が CMS の中身を更新できます。Kanorio は複数サイト管理と、「デザイナーでなくてもブランド公式サイトを自分で育てられる」ことに、より合います。デザイン共同の体験の成熟度は、いまも磨き続けています。
機能比較
| 機能項目 | Figma Sites | Kanorio |
|---|---|---|
| サイト構築とデザイン | ||
| AI によるサイト構築 | Design-focused AI assist | AI 質問でブランドを整理し、ページ構成・コピー・ビジュアルを自動生成 |
| ビジュアルモジュールとページ拡張 | Design pages / multi-page sites | 30+ デザインモジュールを自由に組み立て — レスポンシブ、ダークモード、複数ページ* |
| AI コンテンツとコピー作成 | Design-focused AI assist | AI コピー校正、記事作成、SEO 計画、モジュール提案などコンテンツツール一式* |
| コード不要で構築・運用 | Design skills help | WYSIWYG エディタで文字・画像を即編集、モジュールをドラッグ並べ替え |
| 検索とコンテンツ成長 | ||
| 検索エンジン最適化(SEO) | Meta available; advanced SEO limited | Meta、Schema、OG 画像、Sitemap、AI SEO など、SEO 機能一式 |
| ブログ | Basic CMS | Notion 風エディタ、AI 執筆、カテゴリ・タグ、RSS などブログ機能一式* |
| AI フレンドリー | Not available | LLMs.txt を自動生成し、ChatGPT など AI がサイトを正しく読み取り引用可能に |
| AI 可視性管理 | Not available | 30+ の AI ボットを識別、訪問を追跡、選択的にブロック可能 |
| 運営とコンバージョン | ||
| オンラインストアとデジタル商品 | No native commerce | 商品ページ、デジタル納品、多彩な決済、プロモ、注文管理など、EC 機能一式* |
| マルチリンクページ(Link-in-Bio) | Not available | ブランドサイトと同じビジュアル、同じ独自ドメイン、同じ SEO 構成の SNS 入口 |
| アナリティクス | Usually needs third-party tools | リアルタイム流入、オーディエンス、コンバージョン、ページ遷移など内蔵レポート* |
| 公開とブランディング | ||
| 無料プランを長期利用可能 | By plan | 期限なしで無料利用可能 — トライアル期間なし |
| 独自ドメイン接続 | By plan | 無料サブドメイン(SSL 付き);独自ドメインは購入または接続可能* |
| HTTPS とセキュリティ | Basic HTTPS | 自動 SSL、DDoS 対策、WAF、セキュリティヘッダなど、サイト全体を保護 |
| コラボと拡張 | ||
| 複数サイト管理 | By plan | 1 アカウントで複数の独立ブランドサイトを作成・管理 |
| チームコラボレーション | メンバーを招待し、編集・管理権限を役割別に割り当て | |
| 多言語対応の管理画面 | Product & ecosystem primarily English | 製品 UI は繁体字中国語、簡体字中国語、広東語、英語、日本語、韓国語に対応 |
| コンテンツ書き出しと可搬性 | Not detailed in public docs | ブログ Markdown、注文 CSV などをいつでも書き出し可能 |
Kanorio と Figma Sites の機能対照表
サイト構築とデザイン
AI によるサイト構築
Figma Sites
Design-focused AI assistKanorio
AI 質問でブランドを整理し、ページ構成・コピー・ビジュアルを自動生成ビジュアルモジュールとページ拡張
Figma Sites
Design pages / multi-page sitesKanorio
30+ デザインモジュールを自由に組み立て — レスポンシブ、ダークモード、複数ページ*AI コンテンツとコピー作成
Figma Sites
Design-focused AI assistKanorio
AI コピー校正、記事作成、SEO 計画、モジュール提案などコンテンツツール一式*コード不要で構築・運用
Figma Sites
Design skills helpKanorio
WYSIWYG エディタで文字・画像を即編集、モジュールをドラッグ並べ替え検索とコンテンツ成長
検索エンジン最適化(SEO)
Figma Sites
Meta available; advanced SEO limitedKanorio
Meta、Schema、OG 画像、Sitemap、AI SEO など、SEO 機能一式ブログ
Figma Sites
Basic CMSKanorio
Notion 風エディタ、AI 執筆、カテゴリ・タグ、RSS などブログ機能一式*AI フレンドリー
Figma Sites
Not availableKanorio
LLMs.txt を自動生成し、ChatGPT など AI がサイトを正しく読み取り引用可能にAI 可視性管理
Figma Sites
Not availableKanorio
30+ の AI ボットを識別、訪問を追跡、選択的にブロック可能運営とコンバージョン
オンラインストアとデジタル商品
Figma Sites
No native commerceKanorio
商品ページ、デジタル納品、多彩な決済、プロモ、注文管理など、EC 機能一式*マルチリンクページ(Link-in-Bio)
Figma Sites
Not availableKanorio
ブランドサイトと同じビジュアル、同じ独自ドメイン、同じ SEO 構成の SNS 入口アナリティクス
Figma Sites
Usually needs third-party toolsKanorio
リアルタイム流入、オーディエンス、コンバージョン、ページ遷移など内蔵レポート*公開とブランディング
無料プランを長期利用可能
Figma Sites
By planKanorio
期限なしで無料利用可能 — トライアル期間なし独自ドメイン接続
Figma Sites
By planKanorio
無料サブドメイン(SSL 付き);独自ドメインは購入または接続可能*HTTPS とセキュリティ
Figma Sites
Basic HTTPSKanorio
自動 SSL、DDoS 対策、WAF、セキュリティヘッダなど、サイト全体を保護コラボと拡張
複数サイト管理
Figma Sites
By planKanorio
1 アカウントで複数の独立ブランドサイトを作成・管理チームコラボレーション
Figma Sites
Kanorio
メンバーを招待し、編集・管理権限を役割別に割り当て多言語対応の管理画面
Figma Sites
Product & ecosystem primarily EnglishKanorio
製品 UI は繁体字中国語、簡体字中国語、広東語、英語、日本語、韓国語に対応コンテンツ書き出しと可搬性
Figma Sites
Not detailed in public docsKanorio
ブログ Markdown、注文 CSV などをいつでも書き出し可能よくある質問
必ずしもそうではありません。チームに一式のデザインの流れがあり、Figma Sites が公開の必要(実績、告知ページ、動きの強い landing page)をすでに満たしているなら、自然な延長です。デザインの背景がない人もマーケサイトを速く出し更新したい、無料で内蔵の流入統計を使いたい、AI がブランドサイトの初稿を出してほしい、なら、Kanorio を並行して試すか、次の案件で使えます。場面で併用もできます。
デザインの背景がないなら、Kanorio のほうが向きます。Figma Sites の前提はたいてい「すでにデザイン稿がある」ことです。Content Seat でデザイナーでない人が中身を更新できても、テンプレートと版面はデザイナーが先に作る必要があります。Kanorio はブランド情報から始まり、AI が直せる初版を出し、モジュールで整えます。多くの人は、使える初版まで約 15 分です。詳細はビジュアルスイートを見てください。
Figma Sites はページのタイトルと Meta Description を設定できます。公開情報では、いまサイトマップ、Schema、Canonical などの進んだ SEO がなく、生成される HTML の意味づけも比較的限られます。見つかるか、順位はどうかは、多くの要因に依ります。SEO が大切な目標なら、Kanorio は検索タイトルと説明、サイトマップなど、基本の SEO 設定をサイト側で整え、検索エンジンが理解し掲載しやすくします。SEO の機能ページとSEO のはじめ方から始めてください。
正直に言うと、ピクセル単位のデザインの自由度と複雑な動きでは、いま Figma Sites が勝っています。もともと専門のデザイン道具の延長だからです。Kanorio のモジュールは便利と速さを出しますが、デザインの柔軟さでは取捨があります。核の必要が極限の見た目と動きなら、Figma Sites(または Framer/Webflow)のほうが向きます。検索され、長く育てられるブランド公式サイトが要るなら、Kanorio のほうが噛み合います。よくあるやり方は、Figma でデザインと短い展示ページ、Kanorio で長いブランドの拠点、です。
無料プランでは、モジュールでのサイト作成、基本の SEO の多く、内蔵の流入分析、セキュリティの基本、AI による初版サイトなどが使えます。ブログの公開、オンラインストア、独自ドメインなど、一部は上位プランが要ります。最新の範囲は料金プランが正です。
公開情報では、Figma Sites にはいま一式のコード出力やワンクリック移行がなく、基盤への縛りは比較的高いです。あとから Kanorio に替えたいなら、よくあるやり方は、すでにある原稿と画像素材を整理し、新しいサイトの構成へ持ち込むことです。一度に「全部引っ越し」する必要も、おすすめもありません。先に公式サイトの核を作り、大切な中身を少しずつ移せば足ります。