Framer or Studio

FramerとStudioの比較表

Framer or Studio

FramerとStudioの比較表

Framer or Studio

FramerとStudioの比較表

StudioではできないけどFramerならできること、StudioではできるけどFramerではできないことなど、FramerとStudioの違いをまとめました。
※随時追加&更新予定 ※主観も含まれます ※間違いがあればこちらにコメントください

すべて

重要度

A

エディタ

スマホで編集できる

Framer

テキスト・画像の差し替え、CMSの追加・編集

Studio

重要度

A

エディタ

Webに不慣れでも簡単にコンテンツを編集できる

Framer

公開サイト上で編集可能

Studio

コンテンツ編集モードはコンポーネントやリッチテキストなどが対象外

重要度

A

公開・SEO

公開サイトの表示スピード

Framer

Studio

重要度

A

公開・SEO

BingのSEO

Framer

Studio

インデックスされにくい

重要度

A

学習・サポート

学習コストの低さ(習得のしやすさ)

Framer

日本語非対応。日本語の情報がまだ少ない。高機能な分、覚えることは多い。

Studio

日本製。日本語の情報が多い。初心者に優しい設計。

重要度

A

その他

機能アップデートの多さ

Framer

Studio

重要度

B

エディタ

adx.txtのアップロード(Google AdSenseなどの利用時)

Framer

Well-Known Files にアップロードしてリダイレクトで対応可

Studio

重要度

B

エディタ

AIによるコンポーネント生成

Framer

Studio

重要度

B

エディタ

SafariやMicrosoft Edgeでエディタを操作

Framer

Studio

Chromeのみ

重要度

B

エディタ

無料でメンバー追加

Framer

無料プランのみ無料で制限なし

Studio

重要度

B

テキスト・アイコン

日本語のフォントの種類

Framer

Googleフォントのみ

Studio

重要度

B

フォーム

CMSページのフォームでどのページからの送信か判別

Framer

デフォルト値にプロパティを設定し隠しフィールドにできる

Studio

裏技はあるがフォームが乱立

重要度

B

CMS

CMSリストのソート機能(並び順変更)

Framer

日付、テキスト、数字、参照プロパティでソート可能

Studio

重要度

B

CMS

CMSのスプレッドシート連携

Framer

Studio

重要度

B

CMS

他サービスから記事本文をコピペしたときの画像インポート

Framer

Studio

画像はURL指定になりStudio内にはアップロードされない

重要度

B

CMS

CMSのエクスポート機能

Framer

Studio

重要度

B

公開・SEO

プレビュー(ステージング)の閲覧規制

Framer

Proプラン以上のステージングでメンバーのみの閲覧に限定可能

Studio

ライブプレビューはURLを知っていれば誰でも閲覧可能

重要度

B

公開・SEO

wwwからの転送機能

Framer

Studio

重要度

B

公開・SEO

生成AIとの相性

Framer

SSR

Studio

JavaScriptで動的に生成するCSR(学習されたくないなら好都合)

重要度

B

学習・サポート

無料プランのプロジェクトで問い合わせ

Framer

Studio

重要度

B

その他

マーケットプレイス(ストア)でコンポーネントの販売

Framer

Studio

重要度

B

その他

バグの少なさとバグ対応の速さ

Framer

Studio

重要度

B

その他

コンポーネントのプロパティ(バリアブル)の種類

Framer

アイコンやリッチテキストなど多数

Studio

重要度

B

その他

コンポーネントのバリアント

Framer

Studio

重要度

B

その他

プラグイン機能

Framer

Studio

重要度

B

その他

多言語対応

Framer

Studio

手動で各ページを作る必要あり

重要度

B

その他

RSS フィード配信

Framer

Studio

重要度

C

エディタ

プロジェクト内のテキスト検索

Framer

Studio

重要度

C

エディタ

デザインページ(自由にデザインできるキャンバス)

Framer

Studio

重要度

C

エディタ

Overflow(はみ出し)のClip

Framer

Studio

重要度

C

エディタ

スマホサイズを基準にしたレスポンシブ設定

Framer

Studio

重要度

C

エディタ

公開サイトから当該ページのエディタに移動

Framer

Editor Bar

Studio

重要度

C

エディタ

グリッドレイアウト

Framer

Studio

重要度

C

エディタ

ページの内容を別のページと差し替える機能

Framer

Studio

重要度

C

エディタ

リンク設定時にページとアンカーリンクを別々に表示

Framer

Studio

重要度

C

エディタ

プロジェクトをURLで配布(Remixリンク)

Framer

Studio

重要度

C

エディタ

コンポーネントをURLで配布

Framer

Studio

重要度

C

エディタ

Nudge amountの設定

Framer

Studio

重要度

C

エディタ

パス変更時にコンポーネント内のリンクも更新

Framer

Studio

重要度

C

エディタ

レイヤーの階層制限なし

Framer

Studio

重要度

C

エディタ

コンポーネントの並び替え・複製・フォルダ分け

Framer

Studio

重要度

C

エディタ

コンポーネントのFind機能

Framer

Studio

重要度

C

エディタ

レイアウトテンプレート

Framer

Studio

重要度

C

エディタ

エディタのアプリがある

Framer

Studio

重要度

C

エディタ

画像書き出し

Framer

アプリのみ

Studio

重要度

C

テキスト・アイコン

サブフォントの指定

Framer

Studio

重要度

C

テキスト・アイコン

フォントの一括変更

Framer

テキストスタイルを使用する必要あり(Select all elements in this font で同一ページ内の一括変更は可能)

Studio

重要度

C

テキスト・アイコン

アイコンの種類

Framer

Studio

種類少なめ

重要度

C

画像関連

ライトボックス機能(画像をクリックで拡大ポップアップ表示)

Framer

Studio

手動のみ

重要度

C

画像関連

画像のトリミング表示(object-fit)

Framer

Studio

alt属性が設定できないBoxモードでのみ可能

重要度

C

画像関連

SVG(ベクター)の編集

Framer

Studio

重要度

C

画像関連

アップロードした画像の管理

Framer

Studio

重要度

C

画像関連

縦長画像のアップロード

Framer

Studio

画質が荒くなる

重要度

C

画像関連

画像の縦横比固定

Framer

Studio

裏技的な対応が必要

重要度

C

スタイル設定

行数を指定してテキストを省略(Text Truncation)

Framer

Studio

重要度

C

スタイル設定

文字サイズremの基準サイズ設定とレスポンシブ設定

Framer

Studio

重要度

C

スタイル設定

Display P3で色指定

Framer

Studio

重要度

C

スタイル設定

モーダルの背景スクロールOFF

Framer

Studio

重要度

C

スタイル設定

スタイルやアニメーションなどのコピペ

Framer

Studio

重要度

C

スタイル設定

マージンの設定

Framer

Studio

重要度

C

アニメーション

スクロールスピード(パララックス)

Framer

Studio

重要度

C

アニメーション

スクロールトランスフォーム

Framer

Studio

重要度

C

アニメーション

スクロールアニメーション

Framer

Studio

重要度

C

アニメーション

スクロールバリアント

Framer

Studio

重要度

C

アニメーション

スライドショー(カルーセル)

Framer

ドットインジケーターあり

Studio

挙動が不安定

重要度

C

アニメーション

ティッカー(無限ループスライダー)

Framer

Studio

カルーセルでできるが挙動が不安定

重要度

C

アニメーション

ループアニメーション

Framer

Studio

重要度

C

アニメーション

3D Transforms

Framer

Studio

重要度

C

フォーム

フォームのメール通知先を複数設定

Framer

コンマで区切れば可能

Studio

重要度

C

フォーム

フォームのダッシュボード

Framer

Studio

重要度

C

フォーム

フォームのスプレッドシート連携に送信日時

Framer

日本時間ではないので変換は必要

Studio

重要度

C

CMS

CMSモデルを別プロジェクトにコピペ

Framer

Studio

重要度

C

CMS

CMSリストの条件付きスタイル「◯番目のアイテム」「偶数・奇数のアイテム」

Framer

Studio

重要度

C

CMS

CMSでもストックフォトが使える

Framer

Studio

重要度

C

CMS

動的ページのコンポーネントにCMSのプロパティを設定

Framer

Studio

重要度

C

CMS

CMS 複数の記事本文

Framer

Studio

重要度

C

CMS

CSVインポート

Framer

Studio

重要度

C

CMS

ページ遷移時に「もっとみる」を記憶

Framer

Studio

重要度

C

CMS

CMS個別ページへのリンク設定

Framer

Studio

URL入力

重要度

C

CMS

CMS記事本文にiframe埋め込み(GoogleマップやX)

Framer

Studio

重要度

C

CMS

CMSのリンクプロパティ

Framer

Studio

重要度

C

公開・SEO

無料プランでGoogle Search Consoleの利用

Framer

GAのトラッキングコードで所有権確認すれば可能

Studio

重要度

C

公開・SEO

無料プランでGoogleアナリティクスの利用

Framer

Studio

重要度

C

公開・SEO

外部リンクのrel属性設定

Framer

Studio

リッチテキスト内のnofollowのみ

重要度

C

公開・SEO

更新時に更新ページの確認機能

Framer

Studio

重要度

C

公開・SEO

プレビューの共有

Framer

プロジェクトに招待するか、一度公開するか、Proプラン以上でステージング

Studio

重要度

C

公開・SEO

CMSとエディタを別々に公開

Framer

Studio

重要度

C

公開・SEO

パラメータがついたページのcanonical

Framer

canonicalはパラメータなし

Studio

canonicalもパラメータ付き

重要度

C

学習・サポート

公式YouTubeチャンネルの充実度

Framer

チュートリアル動画+アップデート時の解説動画

Studio

チュートリアル動画は充実

重要度

C

学習・サポート

公式ガイドの充実度

Framer

Studio

重要度

C

学習・サポート

コミュニティで公式スタッフがサポート

Framer

Studio

重要度

C

その他

プロジェクト間でコンポーネントを共有

Framer

Studio

重要度

C

その他

ページ遷移時のパラメータの引き継ぎ設定

Framer

内部リンクも外部リンクも可

Studio

重要度

C

その他

prefers-reduced-motion(アニメーションの無効化)機能

Framer

Studio

重要度

C

その他

コンポーネントを入れ子にしてプロパティを引き継ぐ

Framer

Studio

重要度

C

その他

コードコンポーネント

Framer

Studio

重要度

C

その他

カウントダウン機能

Framer

Studio

重要度

C

その他

レスポンシブ設定の一括解除

Framer

Studio

重要度

C

その他

サイト内検索

Framer

CMS外も可能だが日本語だと精度が悪い

Studio

CMS内のみ

重要度

C

その他

Cookie 同意バナー

Framer

Studio

重要度

C

その他

クリップボードにコピーボタン

Framer

Studio

重要度

C

その他

タブ切り替え

Framer

Studio

裏技でタブ切り替え風の実装は可能

重要度

C

その他

アナリティクス機能

Framer

高機能

Studio

機能が限られる

重要度

C

その他

動画・音声データのアップロード

Framer

Studio

動画はアップデートで実装済み、ただしCMSでは不可。

重要度

D

エディタ

共同編集時にメンバーのカーソル表示

Framer

Studio

重要度

D

エディタ

ルーラーとガイドの表示

Framer

Studio

重要度

D

エディタ

プロジェクトのフォルダ分け

Framer

Studio

重要度

D

エディタ

グラフィックツール

Framer

Studio

重要度

D

エディタ

デザインエディタの枠外を自由に使える

Framer

Studio

重要度

D

エディタ

コンポーネントの一括差し替え

Framer

Studio

重要度

D

エディタ

ショートカットキーの豊富さ

Framer

Studio

重要度

D

テキスト・アイコン

テキストの下線のカスタマイズ

Framer

Studio

重要度

D

テキスト・アイコン

バリアブルフォント

Framer

Studio

重要度

D

テキスト・アイコン

システムフォント

Framer

Studio

重要度

D

テキスト・アイコン

テキストの縦書き

Framer

標準機能にはないがWorkshopで生成可能

Studio

重要度

D

テキスト・アイコン

幅いっぱいになるようテキストサイズを自動調整

Framer

Studio

vwはあり

重要度

D

テキスト・アイコン

CMS本文の太字部分の文字色・背景色変更

Framer

CMS連携でなければ可能

Studio

重要度

D

テキスト・アイコン

テキストの一部のみフォントや色などを変更

Framer

Studio

リッチテキストで太文字部分のみなどは可能

重要度

D

画像関連

SVG(ベクター)のアニメーション

Framer

Studio

重要度

D

画像関連

マスク機能

Framer

Studio

重要度

D

画像関連

画像のフォーカルポイント設定

Framer

Studio

重要度

D

画像関連

画像の背景削除

Framer

プラグインで可能

Studio

重要度

D

スタイル設定

シャドウを複数設定

Framer

Studio

重要度

D

スタイル設定

グラデーションをカラースタイルに登録

Framer

Studio

重要度

D

スタイル設定

条件付きスタイル「現在のページ」

Framer

テキストリンクのみ可

Studio

重要度

D

スタイル設定

HSLで色指定

Framer

Studio

重要度

D

スタイル設定

スクロールバーの表示

Framer

表示・非表示の選択可能

Studio

常に非表示

重要度

D

スタイル設定

放射・扇形グラデーション

Framer

Studio

重要度

D

スタイル設定

Pointer Eventsの設定

Framer

Studio

重要度

D

スタイル設定

サイトのダークモード設定

Framer

Studio

重要度

D

アニメーション

Stagger(CMSリストのアイテムを順番にずらしてアニメーション)

Framer

Studio

重要度

D

アニメーション

テキストアニメーション

Framer

デフォルトでリッチ

Studio

手動で実装

重要度

D

アニメーション

出現時アニメーションの繰り返し

Framer

Studio

重要度

D

フォーム

フォームのデフォルト値設定

Framer

Studio

重要度

D

CMS

CMSのアイコンプロパティ

Framer

Studio

重要度

D

CMS

レスポンシブ設定でCMSリストの表示数を変更

Framer

Studio

重要度

D

CMS

CMS記事本文でYouTube動画の自動再生

Framer

Studio

重要度

D

CMS

CMS記事の目次機能

Framer

標準機能にはないがWorkshopで生成可能

Studio

重要度

D

CMS

CMS記事本文内のリンク設定時にサイト内のページを選択

Framer

Studio

URL入力

重要度

D

CMS

CMS 公開日を基準にした表示条件

Framer

絶対値でのみ可能

Studio

重要度

D

CMS

CMS 0件の表示

Framer

Studio

重要度

D

CMS

CMSページで前の記事・次の記事へのリンク

Framer

Studio

重要度

D

CMS

CMSとデザインエディタのスムーズな行き来

Framer

Studio

重要度

D

CMS

CMSのファイルプロパティ

Framer

Studio

重要度

D

CMS

CMSのギャラリープロパティ

Framer

Studio

重要度

D

CMS

CMSの日付プロパティ

Framer

Studio

重要度

D

公開・SEO

アップルタッチアイコンの設定

Framer

Studio

ファビコンと同一

重要度

D

公開・SEO

バージョンリンク

Framer

Studio

重要度

D

公開・SEO

公開サイトのスムーズな画面遷移

Framer

Studio

一瞬白くピカッと光る

重要度

D

その他

レスポンシブ設定で要素の順番を変更

Framer

Studio

重要度

D

その他

リスト機能

Framer

コンポーネントで作成

Studio

重要度

D

その他

レスポンシブ設定でテキストの内容や改行の変更

Framer

Studio

出し分けが必要

重要度

D

その他

SNSシェアボタン

Framer

デフォルトの機能では難しい

Studio

重要度

D

その他

アコーディオン 要素外クリックで閉じる

Framer

Studio

重要度

D

その他

ページの閲覧数を表示

Framer

Fetch機能

Studio

重要度

E

エディタ

レイヤーのロック機能

Framer

Studio

重要度

E

テキスト・アイコン

縁取り文字(テキストの輪郭線)

Framer

Studio

重要度

E

テキスト・アイコン

アルファベットの大文字変換

Framer

Studio

重要度

E

スタイル設定

Selection(テキスト選択時の色指定)

Framer

Studio

重要度

E

アニメーション

カスタムカーソル

Framer

Studio

重要度

E

アニメーション

ページエフェクト

Framer

Studio

重要度

E

アニメーション

クリックしたときのアニメーション設定

Framer

Studio

重要度

E

フォーム

フォームのチェックボックスのスタイル変更

Framer

Studio

重要度

E

フォーム

フォームのWebhook通知

Framer

Studio

重要度

E

CMS

CMSやコンポーネントのプロパティにDescriptionやPlaceholderを設定

Framer

Studio

重要度

E

公開・SEO

llms.txtのアップロード

Framer

Studio

重要度

E

その他

時刻表示機能

Framer

Studio

重要度

E

その他

閲覧者の現在地と天候を表示

Framer

Fetch機能

Studio

(0)

エディタ

テキスト・アイコン

画像関連

スタイル設定

アニメーション

フォーム

CMS

公開・SEO

学習・サポート

その他

両者実装済み

重要度

A

エディタ

スマホで編集できる

Framer

テキスト・画像の差し替え、CMSの追加・編集

Studio

重要度

A

エディタ

Webに不慣れでも簡単にコンテンツを編集できる

Framer

公開サイト上で編集可能

Studio

コンテンツ編集モードはコンポーネントやリッチテキストなどが対象外

重要度

A

公開・SEO

公開サイトの表示スピード

Framer

Studio

重要度

A

公開・SEO

BingのSEO

Framer

Studio

インデックスされにくい

重要度

A

学習・サポート

学習コストの低さ(習得のしやすさ)

Framer

日本語非対応。日本語の情報がまだ少ない。高機能な分、覚えることは多い。

Studio

日本製。日本語の情報が多い。初心者に優しい設計。

重要度

A

その他

機能アップデートの多さ

Framer

Studio

重要度

B

エディタ

adx.txtのアップロード(Google AdSenseなどの利用時)

Framer

Well-Known Files にアップロードしてリダイレクトで対応可

Studio

重要度

B

エディタ

AIによるコンポーネント生成

Framer

Studio

重要度

B

エディタ

SafariやMicrosoft Edgeでエディタを操作

Framer

Studio

Chromeのみ

重要度

B

エディタ

無料でメンバー追加

Framer

無料プランのみ無料で制限なし

Studio

重要度

B

テキスト・アイコン

日本語のフォントの種類

Framer

Googleフォントのみ

Studio

重要度

B

フォーム

CMSページのフォームでどのページからの送信か判別

Framer

デフォルト値にプロパティを設定し隠しフィールドにできる

Studio

裏技はあるがフォームが乱立

重要度

B

CMS

CMSリストのソート機能(並び順変更)

Framer

日付、テキスト、数字、参照プロパティでソート可能

Studio

重要度

B

CMS

CMSのスプレッドシート連携

Framer

Studio

重要度

B

CMS

他サービスから記事本文をコピペしたときの画像インポート

Framer

Studio

画像はURL指定になりStudio内にはアップロードされない

重要度

B

CMS

CMSのエクスポート機能

Framer

Studio

重要度

B

公開・SEO

プレビュー(ステージング)の閲覧規制

Framer

Proプラン以上のステージングでメンバーのみの閲覧に限定可能

Studio

ライブプレビューはURLを知っていれば誰でも閲覧可能

重要度

B

公開・SEO

wwwからの転送機能

Framer

Studio

重要度

B

公開・SEO

生成AIとの相性

Framer

SSR

Studio

JavaScriptで動的に生成するCSR(学習されたくないなら好都合)

重要度

B

学習・サポート

無料プランのプロジェクトで問い合わせ

Framer

Studio

重要度

B

その他

マーケットプレイス(ストア)でコンポーネントの販売

Framer

Studio

重要度

B

その他

バグの少なさとバグ対応の速さ

Framer

Studio

重要度

B

その他

コンポーネントのプロパティ(バリアブル)の種類

Framer

アイコンやリッチテキストなど多数

Studio

重要度

B

その他

コンポーネントのバリアント

Framer

Studio

重要度

B

その他

プラグイン機能

Framer

Studio

重要度

B

その他

多言語対応

Framer

Studio

手動で各ページを作る必要あり

重要度

B

その他

RSS フィード配信

Framer

Studio

重要度

C

エディタ

プロジェクト内のテキスト検索

Framer

Studio

重要度

C

エディタ

デザインページ(自由にデザインできるキャンバス)

Framer

Studio

重要度

C

エディタ

Overflow(はみ出し)のClip

Framer

Studio

重要度

C

エディタ

スマホサイズを基準にしたレスポンシブ設定

Framer

Studio

重要度

C

エディタ

公開サイトから当該ページのエディタに移動

Framer

Editor Bar

Studio

重要度

C

エディタ

グリッドレイアウト

Framer

Studio

重要度

C

エディタ

ページの内容を別のページと差し替える機能

Framer

Studio

重要度

C

エディタ

リンク設定時にページとアンカーリンクを別々に表示

Framer

Studio

重要度

C

エディタ

プロジェクトをURLで配布(Remixリンク)

Framer

Studio

重要度

C

エディタ

コンポーネントをURLで配布

Framer

Studio

重要度

C

エディタ

Nudge amountの設定

Framer

Studio

重要度

C

エディタ

パス変更時にコンポーネント内のリンクも更新

Framer

Studio

重要度

C

エディタ

レイヤーの階層制限なし

Framer

Studio

重要度

C

エディタ

コンポーネントの並び替え・複製・フォルダ分け

Framer

Studio

重要度

C

エディタ

コンポーネントのFind機能

Framer

Studio

重要度

C

エディタ

レイアウトテンプレート

Framer

Studio

重要度

C

エディタ

エディタのアプリがある

Framer

Studio

重要度

C

エディタ

画像書き出し

Framer

アプリのみ

Studio

重要度

C

テキスト・アイコン

サブフォントの指定

Framer

Studio

重要度

C

テキスト・アイコン

フォントの一括変更

Framer

テキストスタイルを使用する必要あり(Select all elements in this font で同一ページ内の一括変更は可能)

Studio

重要度

C

テキスト・アイコン

アイコンの種類

Framer

Studio

種類少なめ

重要度

C

画像関連

ライトボックス機能(画像をクリックで拡大ポップアップ表示)

Framer

Studio

手動のみ

重要度

C

画像関連

画像のトリミング表示(object-fit)

Framer

Studio

alt属性が設定できないBoxモードでのみ可能

もっと見る

すべて

重要度

A

エディタ

スマホで編集できる

Framer

テキスト・画像の差し替え、CMSの追加・編集

Studio

重要度

A

エディタ

Webに不慣れでも簡単にコンテンツを編集できる

Framer

公開サイト上で編集可能

Studio

コンテンツ編集モードはコンポーネントやリッチテキストなどが対象外

重要度

A

公開・SEO

公開サイトの表示スピード

Framer

Studio

重要度

A

公開・SEO

BingのSEO

Framer

Studio

インデックスされにくい

重要度

A

学習・サポート

学習コストの低さ(習得のしやすさ)

Framer

日本語非対応。日本語の情報がまだ少ない。高機能な分、覚えることは多い。

Studio

日本製。日本語の情報が多い。初心者に優しい設計。

重要度

A

その他

機能アップデートの多さ

Framer

Studio

重要度

B

エディタ

adx.txtのアップロード(Google AdSenseなどの利用時)

Framer

Well-Known Files にアップロードしてリダイレクトで対応可

Studio

重要度

B

エディタ

AIによるコンポーネント生成

Framer

Studio

重要度

B

エディタ

SafariやMicrosoft Edgeでエディタを操作

Framer

Studio

Chromeのみ

重要度

B

エディタ

無料でメンバー追加

Framer

無料プランのみ無料で制限なし

Studio

重要度

B

テキスト・アイコン

日本語のフォントの種類

Framer

Googleフォントのみ

Studio

重要度

B

フォーム

CMSページのフォームでどのページからの送信か判別

Framer

デフォルト値にプロパティを設定し隠しフィールドにできる

Studio

裏技はあるがフォームが乱立

重要度

B

CMS

CMSリストのソート機能(並び順変更)

Framer

日付、テキスト、数字、参照プロパティでソート可能

Studio

重要度

B

CMS

CMSのスプレッドシート連携

Framer

Studio

重要度

B

CMS

他サービスから記事本文をコピペしたときの画像インポート

Framer

Studio

画像はURL指定になりStudio内にはアップロードされない

重要度

B

CMS

CMSのエクスポート機能

Framer

Studio

重要度

B

公開・SEO

プレビュー(ステージング)の閲覧規制

Framer

Proプラン以上のステージングでメンバーのみの閲覧に限定可能

Studio

ライブプレビューはURLを知っていれば誰でも閲覧可能

重要度

B

公開・SEO

wwwからの転送機能

Framer

Studio

重要度

B

公開・SEO

生成AIとの相性

Framer

SSR

Studio

JavaScriptで動的に生成するCSR(学習されたくないなら好都合)

重要度

B

学習・サポート

無料プランのプロジェクトで問い合わせ

Framer

Studio

重要度

B

その他

マーケットプレイス(ストア)でコンポーネントの販売

Framer

Studio

重要度

B

その他

バグの少なさとバグ対応の速さ

Framer

Studio

重要度

B

その他

コンポーネントのプロパティ(バリアブル)の種類

Framer

アイコンやリッチテキストなど多数

Studio

重要度

B

その他

コンポーネントのバリアント

Framer

Studio

重要度

B

その他

プラグイン機能

Framer

Studio

重要度

B

その他

多言語対応

Framer

Studio

手動で各ページを作る必要あり

重要度

B

その他

RSS フィード配信

Framer

Studio

重要度

C

エディタ

プロジェクト内のテキスト検索

Framer

Studio

重要度

C

エディタ

デザインページ(自由にデザインできるキャンバス)

Framer

Studio

重要度

C

エディタ

Overflow(はみ出し)のClip

Framer

Studio

重要度

C

エディタ

スマホサイズを基準にしたレスポンシブ設定

Framer

Studio

重要度

C

エディタ

公開サイトから当該ページのエディタに移動

Framer

Editor Bar

Studio

重要度

C

エディタ

グリッドレイアウト

Framer

Studio

重要度

C

エディタ

ページの内容を別のページと差し替える機能

Framer

Studio

重要度

C

エディタ

リンク設定時にページとアンカーリンクを別々に表示

Framer

Studio

重要度

C

エディタ

プロジェクトをURLで配布(Remixリンク)

Framer

Studio

重要度

C

エディタ

コンポーネントをURLで配布

Framer

Studio

重要度

C

エディタ

Nudge amountの設定

Framer

Studio

重要度

C

エディタ

パス変更時にコンポーネント内のリンクも更新

Framer

Studio

重要度

C

エディタ

レイヤーの階層制限なし

Framer

Studio

重要度

C

エディタ

コンポーネントの並び替え・複製・フォルダ分け

Framer

Studio

重要度

C

エディタ

コンポーネントのFind機能

Framer

Studio

重要度

C

エディタ

レイアウトテンプレート

Framer

Studio

重要度

C

エディタ

エディタのアプリがある

Framer

Studio

重要度

C

エディタ

画像書き出し

Framer

アプリのみ

Studio

重要度

C

テキスト・アイコン

サブフォントの指定

Framer

Studio

重要度

C

テキスト・アイコン

フォントの一括変更

Framer

テキストスタイルを使用する必要あり(Select all elements in this font で同一ページ内の一括変更は可能)

Studio

重要度

C

テキスト・アイコン

アイコンの種類

Framer

Studio

種類少なめ

重要度

C

画像関連

ライトボックス機能(画像をクリックで拡大ポップアップ表示)

Framer

Studio

手動のみ

重要度

C

画像関連

画像のトリミング表示(object-fit)

Framer

Studio

alt属性が設定できないBoxモードでのみ可能

重要度

C

画像関連

SVG(ベクター)の編集

Framer

Studio

重要度

C

画像関連

アップロードした画像の管理

Framer

Studio

重要度

C

画像関連

縦長画像のアップロード

Framer

Studio

画質が荒くなる

重要度

C

画像関連

画像の縦横比固定

Framer

Studio

裏技的な対応が必要

重要度

C

スタイル設定

行数を指定してテキストを省略(Text Truncation)

Framer

Studio

重要度

C

スタイル設定

文字サイズremの基準サイズ設定とレスポンシブ設定

Framer

Studio

重要度

C

スタイル設定

Display P3で色指定

Framer

Studio

重要度

C

スタイル設定

モーダルの背景スクロールOFF

Framer

Studio

重要度

C

スタイル設定

スタイルやアニメーションなどのコピペ

Framer

Studio

重要度

C

スタイル設定

マージンの設定

Framer

Studio

重要度

C

アニメーション

スクロールスピード(パララックス)

Framer

Studio

重要度

C

アニメーション

スクロールトランスフォーム

Framer

Studio

重要度

C

アニメーション

スクロールアニメーション

Framer

Studio

重要度

C

アニメーション

スクロールバリアント

Framer

Studio

重要度

C

アニメーション

スライドショー(カルーセル)

Framer

ドットインジケーターあり

Studio

挙動が不安定

重要度

C

アニメーション

ティッカー(無限ループスライダー)

Framer

Studio

カルーセルでできるが挙動が不安定

重要度

C

アニメーション

ループアニメーション

Framer

Studio

重要度

C

アニメーション

3D Transforms

Framer

Studio

重要度

C

フォーム

フォームのメール通知先を複数設定

Framer

コンマで区切れば可能

Studio

重要度

C

フォーム

フォームのダッシュボード

Framer

Studio

重要度

C

フォーム

フォームのスプレッドシート連携に送信日時

Framer

日本時間ではないので変換は必要

Studio

重要度

C

CMS

CMSモデルを別プロジェクトにコピペ

Framer

Studio

重要度

C

CMS

CMSリストの条件付きスタイル「◯番目のアイテム」「偶数・奇数のアイテム」

Framer

Studio

重要度

C

CMS

CMSでもストックフォトが使える

Framer

Studio

重要度

C

CMS

動的ページのコンポーネントにCMSのプロパティを設定

Framer

Studio

重要度

C

CMS

CMS 複数の記事本文

Framer

Studio

重要度

C

CMS

CSVインポート

Framer

Studio

重要度

C

CMS

ページ遷移時に「もっとみる」を記憶

Framer

Studio

重要度

C

CMS

CMS個別ページへのリンク設定

Framer

Studio

URL入力

重要度

C

CMS

CMS記事本文にiframe埋め込み(GoogleマップやX)

Framer

Studio

重要度

C

CMS

CMSのリンクプロパティ

Framer

Studio

重要度

C

公開・SEO

無料プランでGoogle Search Consoleの利用

Framer

GAのトラッキングコードで所有権確認すれば可能

Studio

重要度

C

公開・SEO

無料プランでGoogleアナリティクスの利用

Framer

Studio

重要度

C

公開・SEO

外部リンクのrel属性設定

Framer

Studio

リッチテキスト内のnofollowのみ

重要度

C

公開・SEO

更新時に更新ページの確認機能

Framer

Studio

重要度

C

公開・SEO

プレビューの共有

Framer

プロジェクトに招待するか、一度公開するか、Proプラン以上でステージング

Studio

重要度

C

公開・SEO

CMSとエディタを別々に公開

Framer

Studio

重要度

C

公開・SEO

パラメータがついたページのcanonical

Framer

canonicalはパラメータなし

Studio

canonicalもパラメータ付き

重要度

C

学習・サポート

公式YouTubeチャンネルの充実度

Framer

チュートリアル動画+アップデート時の解説動画

Studio

チュートリアル動画は充実

重要度

C

学習・サポート

公式ガイドの充実度

Framer

Studio

重要度

C

学習・サポート

コミュニティで公式スタッフがサポート

Framer

Studio

重要度

C

その他

プロジェクト間でコンポーネントを共有

Framer

Studio

重要度

C

その他

ページ遷移時のパラメータの引き継ぎ設定

Framer

内部リンクも外部リンクも可

Studio

重要度

C

その他

prefers-reduced-motion(アニメーションの無効化)機能

Framer

Studio

重要度

C

その他

コンポーネントを入れ子にしてプロパティを引き継ぐ

Framer

Studio

重要度

C

その他

コードコンポーネント

Framer

Studio

重要度

C

その他

カウントダウン機能

Framer

Studio

重要度

C

その他

レスポンシブ設定の一括解除

Framer

Studio

重要度

C

その他

サイト内検索

Framer

CMS外も可能だが日本語だと精度が悪い

Studio

CMS内のみ

重要度

C

その他

Cookie 同意バナー

Framer

Studio

重要度

C

その他

クリップボードにコピーボタン

Framer

Studio

重要度

C

その他

タブ切り替え

Framer

Studio

裏技でタブ切り替え風の実装は可能

重要度

C

その他

アナリティクス機能

Framer

高機能

Studio

機能が限られる

重要度

C

その他

動画・音声データのアップロード

Framer

Studio

動画はアップデートで実装済み、ただしCMSでは不可。

重要度

D

エディタ

共同編集時にメンバーのカーソル表示

Framer

Studio

重要度

D

エディタ

ルーラーとガイドの表示

Framer

Studio

重要度

D

エディタ

プロジェクトのフォルダ分け

Framer

Studio

重要度

D

エディタ

グラフィックツール

Framer

Studio

重要度

D

エディタ

デザインエディタの枠外を自由に使える

Framer

Studio

重要度

D

エディタ

コンポーネントの一括差し替え

Framer

Studio

重要度

D

エディタ

ショートカットキーの豊富さ

Framer

Studio

重要度

D

テキスト・アイコン

テキストの下線のカスタマイズ

Framer

Studio

重要度

D

テキスト・アイコン

バリアブルフォント

Framer

Studio

重要度

D

テキスト・アイコン

システムフォント

Framer

Studio

重要度

D

テキスト・アイコン

テキストの縦書き

Framer

標準機能にはないがWorkshopで生成可能

Studio

重要度

D

テキスト・アイコン

幅いっぱいになるようテキストサイズを自動調整

Framer

Studio

vwはあり

重要度

D

テキスト・アイコン

CMS本文の太字部分の文字色・背景色変更

Framer

CMS連携でなければ可能

Studio

重要度

D

テキスト・アイコン

テキストの一部のみフォントや色などを変更

Framer

Studio

リッチテキストで太文字部分のみなどは可能

重要度

D

画像関連

SVG(ベクター)のアニメーション

Framer

Studio

重要度

D

画像関連

マスク機能

Framer

Studio

重要度

D

画像関連

画像のフォーカルポイント設定

Framer

Studio

重要度

D

画像関連

画像の背景削除

Framer

プラグインで可能

Studio

重要度

D

スタイル設定

シャドウを複数設定

Framer

Studio

重要度

D

スタイル設定

グラデーションをカラースタイルに登録

Framer

Studio

重要度

D

スタイル設定

条件付きスタイル「現在のページ」

Framer

テキストリンクのみ可

Studio

重要度

D

スタイル設定

HSLで色指定

Framer

Studio

重要度

D

スタイル設定

スクロールバーの表示

Framer

表示・非表示の選択可能

Studio

常に非表示

重要度

D

スタイル設定

放射・扇形グラデーション

Framer

Studio

重要度

D

スタイル設定

Pointer Eventsの設定

Framer

Studio

重要度

D

スタイル設定

サイトのダークモード設定

Framer

Studio

重要度

D

アニメーション

Stagger(CMSリストのアイテムを順番にずらしてアニメーション)

Framer

Studio

重要度

D

アニメーション

テキストアニメーション

Framer

デフォルトでリッチ

Studio

手動で実装

重要度

D

アニメーション

出現時アニメーションの繰り返し

Framer

Studio

重要度

D

フォーム

フォームのデフォルト値設定

Framer

Studio

重要度

D

CMS

CMSのアイコンプロパティ

Framer

Studio

重要度

D

CMS

レスポンシブ設定でCMSリストの表示数を変更

Framer

Studio

重要度

D

CMS

CMS記事本文でYouTube動画の自動再生

Framer

Studio

重要度

D

CMS

CMS記事の目次機能

Framer

標準機能にはないがWorkshopで生成可能

Studio

重要度

D

CMS

CMS記事本文内のリンク設定時にサイト内のページを選択

Framer

Studio

URL入力

重要度

D

CMS

CMS 公開日を基準にした表示条件

Framer

絶対値でのみ可能

Studio

重要度

D

CMS

CMS 0件の表示

Framer

Studio

重要度

D

CMS

CMSページで前の記事・次の記事へのリンク

Framer

Studio

重要度

D

CMS

CMSとデザインエディタのスムーズな行き来

Framer

Studio

重要度

D

CMS

CMSのファイルプロパティ

Framer

Studio

重要度

D

CMS

CMSのギャラリープロパティ

Framer

Studio

重要度

D

CMS

CMSの日付プロパティ

Framer

Studio

重要度

D

公開・SEO

アップルタッチアイコンの設定

Framer

Studio

ファビコンと同一

重要度

D

公開・SEO

バージョンリンク

Framer

Studio

重要度

D

公開・SEO

公開サイトのスムーズな画面遷移

Framer

Studio

一瞬白くピカッと光る

重要度

D

その他

レスポンシブ設定で要素の順番を変更

Framer

Studio

重要度

D

その他

リスト機能

Framer

コンポーネントで作成

Studio

重要度

D

その他

レスポンシブ設定でテキストの内容や改行の変更

Framer

Studio

出し分けが必要

重要度

D

その他

SNSシェアボタン

Framer

デフォルトの機能では難しい

Studio

重要度

D

その他

アコーディオン 要素外クリックで閉じる

Framer

Studio

重要度

D

その他

ページの閲覧数を表示

Framer

Fetch機能

Studio

重要度

E

エディタ

レイヤーのロック機能

Framer

Studio

重要度

E

テキスト・アイコン

縁取り文字(テキストの輪郭線)

Framer

Studio

重要度

E

テキスト・アイコン

アルファベットの大文字変換

Framer

Studio

重要度

E

スタイル設定

Selection(テキスト選択時の色指定)

Framer

Studio

重要度

E

アニメーション

カスタムカーソル

Framer

Studio

重要度

E

アニメーション

ページエフェクト

Framer

Studio

重要度

E

アニメーション

クリックしたときのアニメーション設定

Framer

Studio

重要度

E

フォーム

フォームのチェックボックスのスタイル変更

Framer

Studio

重要度

E

フォーム

フォームのWebhook通知

Framer

Studio

重要度

E

CMS

CMSやコンポーネントのプロパティにDescriptionやPlaceholderを設定

Framer

Studio

重要度

E

公開・SEO

llms.txtのアップロード

Framer

Studio

重要度

E

その他

時刻表示機能

Framer

Studio

重要度

E

その他

閲覧者の現在地と天候を表示

Framer

Fetch機能

Studio

(0)

エディタ

テキスト・アイコン

画像関連

スタイル設定

アニメーション

フォーム

CMS

公開・SEO

学習・サポート

その他

両者実装済み

重要度

A

エディタ

スマホで編集できる

Framer

テキスト・画像の差し替え、CMSの追加・編集

Studio

重要度

A

エディタ

Webに不慣れでも簡単にコンテンツを編集できる

Framer

公開サイト上で編集可能

Studio

コンテンツ編集モードはコンポーネントやリッチテキストなどが対象外

重要度

A

公開・SEO

公開サイトの表示スピード

Framer

Studio

重要度

A

公開・SEO

BingのSEO

Framer

Studio

インデックスされにくい

重要度

A

学習・サポート

学習コストの低さ(習得のしやすさ)

Framer

日本語非対応。日本語の情報がまだ少ない。高機能な分、覚えることは多い。

Studio

日本製。日本語の情報が多い。初心者に優しい設計。

重要度

A

その他

機能アップデートの多さ

Framer

Studio

重要度

B

エディタ

adx.txtのアップロード(Google AdSenseなどの利用時)

Framer

Well-Known Files にアップロードしてリダイレクトで対応可

Studio

重要度

B

エディタ

AIによるコンポーネント生成

Framer

Studio

重要度

B

エディタ

SafariやMicrosoft Edgeでエディタを操作

Framer

Studio

Chromeのみ

重要度

B

エディタ

無料でメンバー追加

Framer

無料プランのみ無料で制限なし

Studio

重要度

B

テキスト・アイコン

日本語のフォントの種類

Framer

Googleフォントのみ

Studio

重要度

B

フォーム

CMSページのフォームでどのページからの送信か判別

Framer

デフォルト値にプロパティを設定し隠しフィールドにできる

Studio

裏技はあるがフォームが乱立

重要度

B

CMS

CMSリストのソート機能(並び順変更)

Framer

日付、テキスト、数字、参照プロパティでソート可能

Studio

重要度

B

CMS

CMSのスプレッドシート連携

Framer

Studio

重要度

B

CMS

他サービスから記事本文をコピペしたときの画像インポート

Framer

Studio

画像はURL指定になりStudio内にはアップロードされない

重要度

B

CMS

CMSのエクスポート機能

Framer

Studio

重要度

B

公開・SEO

プレビュー(ステージング)の閲覧規制

Framer

Proプラン以上のステージングでメンバーのみの閲覧に限定可能

Studio

ライブプレビューはURLを知っていれば誰でも閲覧可能

重要度

B

公開・SEO

wwwからの転送機能

Framer

Studio

重要度

B

公開・SEO

生成AIとの相性

Framer

SSR

Studio

JavaScriptで動的に生成するCSR(学習されたくないなら好都合)

重要度

B

学習・サポート

無料プランのプロジェクトで問い合わせ

Framer

Studio

重要度

B

その他

マーケットプレイス(ストア)でコンポーネントの販売

Framer

Studio

重要度

B

その他

バグの少なさとバグ対応の速さ

Framer

Studio

重要度

B

その他

コンポーネントのプロパティ(バリアブル)の種類

Framer

アイコンやリッチテキストなど多数

Studio

重要度

B

その他

コンポーネントのバリアント

Framer

Studio

重要度

B

その他

プラグイン機能

Framer

Studio

重要度

B

その他

多言語対応

Framer

Studio

手動で各ページを作る必要あり

重要度

B

その他

RSS フィード配信

Framer

Studio

重要度

C

エディタ

プロジェクト内のテキスト検索

Framer

Studio

重要度

C

エディタ

デザインページ(自由にデザインできるキャンバス)

Framer

Studio

重要度

C

エディタ

Overflow(はみ出し)のClip

Framer

Studio

重要度

C

エディタ

スマホサイズを基準にしたレスポンシブ設定

Framer

Studio

重要度

C

エディタ

公開サイトから当該ページのエディタに移動

Framer

Editor Bar

Studio

重要度

C

エディタ

グリッドレイアウト

Framer

Studio

重要度

C

エディタ

ページの内容を別のページと差し替える機能

Framer

Studio

重要度

C

エディタ

リンク設定時にページとアンカーリンクを別々に表示

Framer

Studio

重要度

C

エディタ

プロジェクトをURLで配布(Remixリンク)

Framer

Studio

重要度

C

エディタ

コンポーネントをURLで配布

Framer

Studio

重要度

C

エディタ

Nudge amountの設定

Framer

Studio

重要度

C

エディタ

パス変更時にコンポーネント内のリンクも更新

Framer

Studio

重要度

C

エディタ

レイヤーの階層制限なし

Framer

Studio

重要度

C

エディタ

コンポーネントの並び替え・複製・フォルダ分け

Framer

Studio

重要度

C

エディタ

コンポーネントのFind機能

Framer

Studio

重要度

C

エディタ

レイアウトテンプレート

Framer

Studio

重要度

C

エディタ

エディタのアプリがある

Framer

Studio

重要度

C

エディタ

画像書き出し

Framer

アプリのみ

Studio

重要度

C

テキスト・アイコン

サブフォントの指定

Framer

Studio

重要度

C

テキスト・アイコン

フォントの一括変更

Framer

テキストスタイルを使用する必要あり(Select all elements in this font で同一ページ内の一括変更は可能)

Studio

重要度

C

テキスト・アイコン

アイコンの種類

Framer

Studio

種類少なめ

重要度

C

画像関連

ライトボックス機能(画像をクリックで拡大ポップアップ表示)

Framer

Studio

手動のみ

重要度

C

画像関連

画像のトリミング表示(object-fit)

Framer

Studio

alt属性が設定できないBoxモードでのみ可能

もっと見る

すべて

重要度

A

エディタ

スマホで編集できる

Framer

テキスト・画像の差し替え、CMSの追加・編集

Studio

重要度

A

エディタ

Webに不慣れでも簡単にコンテンツを編集できる

Framer

公開サイト上で編集可能

Studio

コンテンツ編集モードはコンポーネントやリッチテキストなどが対象外

重要度

A

公開・SEO

公開サイトの表示スピード

Framer

Studio

重要度

A

公開・SEO

BingのSEO

Framer

Studio

インデックスされにくい

重要度

A

学習・サポート

学習コストの低さ(習得のしやすさ)

Framer

日本語非対応。日本語の情報がまだ少ない。高機能な分、覚えることは多い。

Studio

日本製。日本語の情報が多い。初心者に優しい設計。

重要度

A

その他

機能アップデートの多さ

Framer

Studio

重要度

B

エディタ

adx.txtのアップロード(Google AdSenseなどの利用時)

Framer

Well-Known Files にアップロードしてリダイレクトで対応可

Studio

重要度

B

エディタ

AIによるコンポーネント生成

Framer

Studio

重要度

B

エディタ

SafariやMicrosoft Edgeでエディタを操作

Framer

Studio

Chromeのみ

重要度

B

エディタ

無料でメンバー追加

Framer

無料プランのみ無料で制限なし

Studio

重要度

B

テキスト・アイコン

日本語のフォントの種類

Framer

Googleフォントのみ

Studio

重要度

B

フォーム

CMSページのフォームでどのページからの送信か判別

Framer

デフォルト値にプロパティを設定し隠しフィールドにできる

Studio

裏技はあるがフォームが乱立

重要度

B

CMS

CMSリストのソート機能(並び順変更)

Framer

日付、テキスト、数字、参照プロパティでソート可能

Studio

重要度

B

CMS

CMSのスプレッドシート連携

Framer

Studio

重要度

B

CMS

他サービスから記事本文をコピペしたときの画像インポート

Framer

Studio

画像はURL指定になりStudio内にはアップロードされない

重要度

B

CMS

CMSのエクスポート機能

Framer

Studio

重要度

B

公開・SEO

プレビュー(ステージング)の閲覧規制

Framer

Proプラン以上のステージングでメンバーのみの閲覧に限定可能

Studio

ライブプレビューはURLを知っていれば誰でも閲覧可能

重要度

B

公開・SEO

wwwからの転送機能

Framer

Studio

重要度

B

公開・SEO

生成AIとの相性

Framer

SSR

Studio

JavaScriptで動的に生成するCSR(学習されたくないなら好都合)

重要度

B

学習・サポート

無料プランのプロジェクトで問い合わせ

Framer

Studio

重要度

B

その他

マーケットプレイス(ストア)でコンポーネントの販売

Framer

Studio

重要度

B

その他

バグの少なさとバグ対応の速さ

Framer

Studio

重要度

B

その他

コンポーネントのプロパティ(バリアブル)の種類

Framer

アイコンやリッチテキストなど多数

Studio

重要度

B

その他

コンポーネントのバリアント

Framer

Studio

重要度

B

その他

プラグイン機能

Framer

Studio

重要度

B

その他

多言語対応

Framer

Studio

手動で各ページを作る必要あり

重要度

B

その他

RSS フィード配信

Framer

Studio

重要度

C

エディタ

プロジェクト内のテキスト検索

Framer

Studio

重要度

C

エディタ

デザインページ(自由にデザインできるキャンバス)

Framer

Studio

重要度

C

エディタ

Overflow(はみ出し)のClip

Framer

Studio

重要度

C

エディタ

スマホサイズを基準にしたレスポンシブ設定

Framer

Studio

重要度

C

エディタ

公開サイトから当該ページのエディタに移動

Framer

Editor Bar

Studio

重要度

C

エディタ

グリッドレイアウト

Framer

Studio

重要度

C

エディタ

ページの内容を別のページと差し替える機能

Framer

Studio

重要度

C

エディタ

リンク設定時にページとアンカーリンクを別々に表示

Framer

Studio

重要度

C

エディタ

プロジェクトをURLで配布(Remixリンク)

Framer

Studio

重要度

C

エディタ

コンポーネントをURLで配布

Framer

Studio

重要度

C

エディタ

Nudge amountの設定

Framer

Studio

重要度

C

エディタ

パス変更時にコンポーネント内のリンクも更新

Framer

Studio

重要度

C

エディタ

レイヤーの階層制限なし

Framer

Studio

重要度

C

エディタ

コンポーネントの並び替え・複製・フォルダ分け

Framer

Studio

重要度

C

エディタ

コンポーネントのFind機能

Framer

Studio

重要度

C

エディタ

レイアウトテンプレート

Framer

Studio

重要度

C

エディタ

エディタのアプリがある

Framer

Studio

重要度

C

エディタ

画像書き出し

Framer

アプリのみ

Studio

重要度

C

テキスト・アイコン

サブフォントの指定

Framer

Studio

重要度

C

テキスト・アイコン

フォントの一括変更

Framer

テキストスタイルを使用する必要あり(Select all elements in this font で同一ページ内の一括変更は可能)

Studio

重要度

C

テキスト・アイコン

アイコンの種類

Framer

Studio

種類少なめ

重要度

C

画像関連

ライトボックス機能(画像をクリックで拡大ポップアップ表示)

Framer

Studio

手動のみ

重要度

C

画像関連

画像のトリミング表示(object-fit)

Framer

Studio

alt属性が設定できないBoxモードでのみ可能

重要度

C

画像関連

SVG(ベクター)の編集

Framer

Studio

重要度

C

画像関連

アップロードした画像の管理

Framer

Studio

重要度

C

画像関連

縦長画像のアップロード

Framer

Studio

画質が荒くなる

重要度

C

画像関連

画像の縦横比固定

Framer

Studio

裏技的な対応が必要

重要度

C

スタイル設定

行数を指定してテキストを省略(Text Truncation)

Framer

Studio

重要度

C

スタイル設定

文字サイズremの基準サイズ設定とレスポンシブ設定

Framer

Studio

重要度

C

スタイル設定

Display P3で色指定

Framer

Studio

重要度

C

スタイル設定

モーダルの背景スクロールOFF

Framer

Studio

重要度

C

スタイル設定

スタイルやアニメーションなどのコピペ

Framer

Studio

重要度

C

スタイル設定

マージンの設定

Framer

Studio

重要度

C

アニメーション

スクロールスピード(パララックス)

Framer

Studio

重要度

C

アニメーション

スクロールトランスフォーム

Framer

Studio

重要度

C

アニメーション

スクロールアニメーション

Framer

Studio

重要度

C

アニメーション

スクロールバリアント

Framer

Studio

重要度

C

アニメーション

スライドショー(カルーセル)

Framer

ドットインジケーターあり

Studio

挙動が不安定

重要度

C

アニメーション

ティッカー(無限ループスライダー)

Framer

Studio

カルーセルでできるが挙動が不安定

重要度

C

アニメーション

ループアニメーション

Framer

Studio

重要度

C

アニメーション

3D Transforms

Framer

Studio

重要度

C

フォーム

フォームのメール通知先を複数設定

Framer

コンマで区切れば可能

Studio

重要度

C

フォーム

フォームのダッシュボード

Framer

Studio

重要度

C

フォーム

フォームのスプレッドシート連携に送信日時

Framer

日本時間ではないので変換は必要

Studio

重要度

C

CMS

CMSモデルを別プロジェクトにコピペ

Framer

Studio

重要度

C

CMS

CMSリストの条件付きスタイル「◯番目のアイテム」「偶数・奇数のアイテム」

Framer

Studio

重要度

C

CMS

CMSでもストックフォトが使える

Framer

Studio

重要度

C

CMS

動的ページのコンポーネントにCMSのプロパティを設定

Framer

Studio

重要度

C

CMS

CMS 複数の記事本文

Framer

Studio

重要度

C

CMS

CSVインポート

Framer

Studio

重要度

C

CMS

ページ遷移時に「もっとみる」を記憶

Framer

Studio

重要度

C

CMS

CMS個別ページへのリンク設定

Framer

Studio

URL入力

重要度

C

CMS

CMS記事本文にiframe埋め込み(GoogleマップやX)

Framer

Studio

重要度

C

CMS

CMSのリンクプロパティ

Framer

Studio

重要度

C

公開・SEO

無料プランでGoogle Search Consoleの利用

Framer

GAのトラッキングコードで所有権確認すれば可能

Studio

重要度

C

公開・SEO

無料プランでGoogleアナリティクスの利用

Framer

Studio

重要度

C

公開・SEO

外部リンクのrel属性設定

Framer

Studio

リッチテキスト内のnofollowのみ

重要度

C

公開・SEO

更新時に更新ページの確認機能

Framer

Studio

重要度

C

公開・SEO

プレビューの共有

Framer

プロジェクトに招待するか、一度公開するか、Proプラン以上でステージング

Studio

重要度

C

公開・SEO

CMSとエディタを別々に公開

Framer

Studio

重要度

C

公開・SEO

パラメータがついたページのcanonical

Framer

canonicalはパラメータなし

Studio

canonicalもパラメータ付き

重要度

C

学習・サポート

公式YouTubeチャンネルの充実度

Framer

チュートリアル動画+アップデート時の解説動画

Studio

チュートリアル動画は充実

重要度

C

学習・サポート

公式ガイドの充実度

Framer

Studio

重要度

C

学習・サポート

コミュニティで公式スタッフがサポート

Framer

Studio

重要度

C

その他

プロジェクト間でコンポーネントを共有

Framer

Studio

重要度

C

その他

ページ遷移時のパラメータの引き継ぎ設定

Framer

内部リンクも外部リンクも可

Studio

重要度

C

その他

prefers-reduced-motion(アニメーションの無効化)機能

Framer

Studio

重要度

C

その他

コンポーネントを入れ子にしてプロパティを引き継ぐ

Framer

Studio

重要度

C

その他

コードコンポーネント

Framer

Studio

重要度

C

その他

カウントダウン機能

Framer

Studio

重要度

C

その他

レスポンシブ設定の一括解除

Framer

Studio

重要度

C

その他

サイト内検索

Framer

CMS外も可能だが日本語だと精度が悪い

Studio

CMS内のみ

重要度

C

その他

Cookie 同意バナー

Framer

Studio

重要度

C

その他

クリップボードにコピーボタン

Framer

Studio

重要度

C

その他

タブ切り替え

Framer

Studio

裏技でタブ切り替え風の実装は可能

重要度

C

その他

アナリティクス機能

Framer

高機能

Studio

機能が限られる

重要度

C

その他

動画・音声データのアップロード

Framer

Studio

動画はアップデートで実装済み、ただしCMSでは不可。

重要度

D

エディタ

共同編集時にメンバーのカーソル表示

Framer

Studio

重要度

D

エディタ

ルーラーとガイドの表示

Framer

Studio

重要度

D

エディタ

プロジェクトのフォルダ分け

Framer

Studio

重要度

D

エディタ

グラフィックツール

Framer

Studio

重要度

D

エディタ

デザインエディタの枠外を自由に使える

Framer

Studio

重要度

D

エディタ

コンポーネントの一括差し替え

Framer

Studio

重要度

D

エディタ

ショートカットキーの豊富さ

Framer

Studio

重要度

D

テキスト・アイコン

テキストの下線のカスタマイズ

Framer

Studio

重要度

D

テキスト・アイコン

バリアブルフォント

Framer

Studio

重要度

D

テキスト・アイコン

システムフォント

Framer

Studio

重要度

D

テキスト・アイコン

テキストの縦書き

Framer

標準機能にはないがWorkshopで生成可能

Studio

重要度

D

テキスト・アイコン

幅いっぱいになるようテキストサイズを自動調整

Framer

Studio

vwはあり

重要度

D

テキスト・アイコン

CMS本文の太字部分の文字色・背景色変更

Framer

CMS連携でなければ可能

Studio

重要度

D

テキスト・アイコン

テキストの一部のみフォントや色などを変更

Framer

Studio

リッチテキストで太文字部分のみなどは可能

重要度

D

画像関連

SVG(ベクター)のアニメーション

Framer

Studio

重要度

D

画像関連

マスク機能

Framer

Studio

重要度

D

画像関連

画像のフォーカルポイント設定

Framer

Studio

重要度

D

画像関連

画像の背景削除

Framer

プラグインで可能

Studio

重要度

D

スタイル設定

シャドウを複数設定

Framer

Studio

重要度

D

スタイル設定

グラデーションをカラースタイルに登録

Framer

Studio

重要度

D

スタイル設定

条件付きスタイル「現在のページ」

Framer

テキストリンクのみ可

Studio

重要度

D

スタイル設定

HSLで色指定

Framer

Studio

重要度

D

スタイル設定

スクロールバーの表示

Framer

表示・非表示の選択可能

Studio

常に非表示

重要度

D

スタイル設定

放射・扇形グラデーション

Framer

Studio

重要度

D

スタイル設定

Pointer Eventsの設定

Framer

Studio

重要度

D

スタイル設定

サイトのダークモード設定

Framer

Studio

重要度

D

アニメーション

Stagger(CMSリストのアイテムを順番にずらしてアニメーション)

Framer

Studio

重要度

D

アニメーション

テキストアニメーション

Framer

デフォルトでリッチ

Studio

手動で実装

重要度

D

アニメーション

出現時アニメーションの繰り返し

Framer

Studio

重要度

D

フォーム

フォームのデフォルト値設定

Framer

Studio

重要度

D

CMS

CMSのアイコンプロパティ

Framer

Studio

重要度

D

CMS

レスポンシブ設定でCMSリストの表示数を変更

Framer

Studio

重要度

D

CMS

CMS記事本文でYouTube動画の自動再生

Framer

Studio

重要度

D

CMS

CMS記事の目次機能

Framer

標準機能にはないがWorkshopで生成可能

Studio

重要度

D

CMS

CMS記事本文内のリンク設定時にサイト内のページを選択

Framer

Studio

URL入力

重要度

D

CMS

CMS 公開日を基準にした表示条件

Framer

絶対値でのみ可能

Studio

重要度

D

CMS

CMS 0件の表示

Framer

Studio

重要度

D

CMS

CMSページで前の記事・次の記事へのリンク

Framer

Studio

重要度

D

CMS

CMSとデザインエディタのスムーズな行き来

Framer

Studio

重要度

D

CMS

CMSのファイルプロパティ

Framer

Studio

重要度

D

CMS

CMSのギャラリープロパティ

Framer

Studio

重要度

D

CMS

CMSの日付プロパティ

Framer

Studio

重要度

D

公開・SEO

アップルタッチアイコンの設定

Framer

Studio

ファビコンと同一

重要度

D

公開・SEO

バージョンリンク

Framer

Studio

重要度

D

公開・SEO

公開サイトのスムーズな画面遷移

Framer

Studio

一瞬白くピカッと光る

重要度

D

その他

レスポンシブ設定で要素の順番を変更

Framer

Studio

重要度

D

その他

リスト機能

Framer

コンポーネントで作成

Studio

重要度

D

その他

レスポンシブ設定でテキストの内容や改行の変更

Framer

Studio

出し分けが必要

重要度

D

その他

SNSシェアボタン

Framer

デフォルトの機能では難しい

Studio

重要度

D

その他

アコーディオン 要素外クリックで閉じる

Framer

Studio

重要度

D

その他

ページの閲覧数を表示

Framer

Fetch機能

Studio

重要度

E

エディタ

レイヤーのロック機能

Framer

Studio

重要度

E

テキスト・アイコン

縁取り文字(テキストの輪郭線)

Framer

Studio

重要度

E

テキスト・アイコン

アルファベットの大文字変換

Framer

Studio

重要度

E

スタイル設定

Selection(テキスト選択時の色指定)

Framer

Studio

重要度

E

アニメーション

カスタムカーソル

Framer

Studio

重要度

E

アニメーション

ページエフェクト

Framer

Studio

重要度

E

アニメーション

クリックしたときのアニメーション設定

Framer

Studio

重要度

E

フォーム

フォームのチェックボックスのスタイル変更

Framer

Studio

重要度

E

フォーム

フォームのWebhook通知

Framer

Studio

重要度

E

CMS

CMSやコンポーネントのプロパティにDescriptionやPlaceholderを設定

Framer

Studio

重要度

E

公開・SEO

llms.txtのアップロード

Framer

Studio

重要度

E

その他

時刻表示機能

Framer

Studio

重要度

E

その他

閲覧者の現在地と天候を表示

Framer

Fetch機能

Studio

(0)

エディタ

テキスト・アイコン

画像関連

スタイル設定

アニメーション

フォーム

CMS

公開・SEO

学習・サポート

その他

両者実装済み

重要度

A

エディタ

スマホで編集できる

Framer

テキスト・画像の差し替え、CMSの追加・編集

Studio

重要度

A

エディタ

Webに不慣れでも簡単にコンテンツを編集できる

Framer

公開サイト上で編集可能

Studio

コンテンツ編集モードはコンポーネントやリッチテキストなどが対象外

重要度

A

公開・SEO

公開サイトの表示スピード

Framer

Studio

重要度

A

公開・SEO

BingのSEO

Framer

Studio

インデックスされにくい

重要度

A

学習・サポート

学習コストの低さ(習得のしやすさ)

Framer

日本語非対応。日本語の情報がまだ少ない。高機能な分、覚えることは多い。

Studio

日本製。日本語の情報が多い。初心者に優しい設計。

重要度

A

その他

機能アップデートの多さ

Framer

Studio

重要度

B

エディタ

adx.txtのアップロード(Google AdSenseなどの利用時)

Framer

Well-Known Files にアップロードしてリダイレクトで対応可

Studio

重要度

B

エディタ

AIによるコンポーネント生成

Framer

Studio

重要度

B

エディタ

SafariやMicrosoft Edgeでエディタを操作

Framer

Studio

Chromeのみ

重要度

B

エディタ

無料でメンバー追加

Framer

無料プランのみ無料で制限なし

Studio

重要度

B

テキスト・アイコン

日本語のフォントの種類

Framer

Googleフォントのみ

Studio

重要度

B

フォーム

CMSページのフォームでどのページからの送信か判別

Framer

デフォルト値にプロパティを設定し隠しフィールドにできる

Studio

裏技はあるがフォームが乱立

重要度

B

CMS

CMSリストのソート機能(並び順変更)

Framer

日付、テキスト、数字、参照プロパティでソート可能

Studio

重要度

B

CMS

CMSのスプレッドシート連携

Framer

Studio

重要度

B

CMS

他サービスから記事本文をコピペしたときの画像インポート

Framer

Studio

画像はURL指定になりStudio内にはアップロードされない

重要度

B

CMS

CMSのエクスポート機能

Framer

Studio

重要度

B

公開・SEO

プレビュー(ステージング)の閲覧規制

Framer

Proプラン以上のステージングでメンバーのみの閲覧に限定可能

Studio

ライブプレビューはURLを知っていれば誰でも閲覧可能

重要度

B

公開・SEO

wwwからの転送機能

Framer

Studio

重要度

B

公開・SEO

生成AIとの相性

Framer

SSR

Studio

JavaScriptで動的に生成するCSR(学習されたくないなら好都合)

重要度

B

学習・サポート

無料プランのプロジェクトで問い合わせ

Framer

Studio

重要度

B

その他

マーケットプレイス(ストア)でコンポーネントの販売

Framer

Studio

重要度

B

その他

バグの少なさとバグ対応の速さ

Framer

Studio

重要度

B

その他

コンポーネントのプロパティ(バリアブル)の種類

Framer

アイコンやリッチテキストなど多数

Studio

重要度

B

その他

コンポーネントのバリアント

Framer

Studio

重要度

B

その他

プラグイン機能

Framer

Studio

重要度

B

その他

多言語対応

Framer

Studio

手動で各ページを作る必要あり

重要度

B

その他

RSS フィード配信

Framer

Studio

重要度

C

エディタ

プロジェクト内のテキスト検索

Framer

Studio

重要度

C

エディタ

デザインページ(自由にデザインできるキャンバス)

Framer

Studio

重要度

C

エディタ

Overflow(はみ出し)のClip

Framer

Studio

重要度

C

エディタ

スマホサイズを基準にしたレスポンシブ設定

Framer

Studio

重要度

C

エディタ

公開サイトから当該ページのエディタに移動

Framer

Editor Bar

Studio

重要度

C

エディタ

グリッドレイアウト

Framer

Studio

重要度

C

エディタ

ページの内容を別のページと差し替える機能

Framer

Studio

重要度

C

エディタ

リンク設定時にページとアンカーリンクを別々に表示

Framer

Studio

重要度

C

エディタ

プロジェクトをURLで配布(Remixリンク)

Framer

Studio

重要度

C

エディタ

コンポーネントをURLで配布

Framer

Studio

重要度

C

エディタ

Nudge amountの設定

Framer

Studio

重要度

C

エディタ

パス変更時にコンポーネント内のリンクも更新

Framer

Studio

重要度

C

エディタ

レイヤーの階層制限なし

Framer

Studio

重要度

C

エディタ

コンポーネントの並び替え・複製・フォルダ分け

Framer

Studio

重要度

C

エディタ

コンポーネントのFind機能

Framer

Studio

重要度

C

エディタ

レイアウトテンプレート

Framer

Studio

重要度

C

エディタ

エディタのアプリがある

Framer

Studio

重要度

C

エディタ

画像書き出し

Framer

アプリのみ

Studio

重要度

C

テキスト・アイコン

サブフォントの指定

Framer

Studio

重要度

C

テキスト・アイコン

フォントの一括変更

Framer

テキストスタイルを使用する必要あり(Select all elements in this font で同一ページ内の一括変更は可能)

Studio

重要度

C

テキスト・アイコン

アイコンの種類

Framer

Studio

種類少なめ

重要度

C

画像関連

ライトボックス機能(画像をクリックで拡大ポップアップ表示)

Framer

Studio

手動のみ

重要度

C

画像関連

画像のトリミング表示(object-fit)

Framer

Studio

alt属性が設定できないBoxモードでのみ可能

もっと見る