Framer or Studio

FramerとStudioの比較表

Framer or Studio

FramerとStudioの比較表

Framer or Studio

FramerとStudioの比較表

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

すべて

エディタ

テキスト・アイコン

画像関連

スタイル設定

アニメーション

フォーム

CMS

公開・SEO

学習・サポート

その他

両者実装済み

重要度

A

公開・SEO

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

Framer

Studio

重要度

A

公開・SEO

BingのSEO

Framer

Studio

インデックスされにくい

重要度

A

学習・サポート

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

Framer

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

Studio

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

重要度

B

エディタ

無料でメンバー追加

Framer

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

Studio

重要度

B

テキスト・アイコン

日本語のフォントの種類

Framer

Googleフォントのみ

Studio

重要度

B

フォーム

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

Framer

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

Studio

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

重要度

B

CMS

スマホでCMSを更新できる

Framer

Studio

重要度

B

CMS

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

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

その他

RSS フィード配信

Framer

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

Studio

重要度

C

テキスト・アイコン

フォントの一括変更

Framer

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

Studio

重要度

C

テキスト・アイコン

テキストの縦書き

Framer

Studio

重要度

C

テキスト・アイコン

アイコンの種類

Framer

プラグインに多数

Studio

種類少なめ

重要度

C

画像関連

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

Framer

Studio

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

重要度

C

画像関連

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

Framer

Studio

重要度

C

画像関連

縦長画像のアップロード

Framer

Studio

画質が荒くなる

重要度

C

画像関連

画像の縦横比固定

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

もっと見る

すべて

エディタ

テキスト・アイコン

画像関連

スタイル設定

アニメーション

フォーム

CMS

公開・SEO

学習・サポート

その他

両者実装済み

重要度

A

公開・SEO

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

Framer

Studio

重要度

A

公開・SEO

BingのSEO

Framer

Studio

インデックスされにくい

重要度

A

学習・サポート

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

Framer

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

Studio

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

重要度

B

エディタ

無料でメンバー追加

Framer

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

Studio

重要度

B

テキスト・アイコン

日本語のフォントの種類

Framer

Googleフォントのみ

Studio

重要度

B

フォーム

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

Framer

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

Studio

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

重要度

B

CMS

スマホでCMSを更新できる

Framer

Studio

重要度

B

CMS

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

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

その他

RSS フィード配信

Framer

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

Studio

重要度

C

テキスト・アイコン

フォントの一括変更

Framer

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

Studio

重要度

C

テキスト・アイコン

テキストの縦書き

Framer

Studio

重要度

C

テキスト・アイコン

アイコンの種類

Framer

プラグインに多数

Studio

種類少なめ

重要度

C

画像関連

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

Framer

Studio

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

重要度

C

画像関連

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

Framer

Studio

重要度

C

画像関連

縦長画像のアップロード

Framer

Studio

画質が荒くなる

重要度

C

画像関連

画像の縦横比固定

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

もっと見る

すべて

エディタ

テキスト・アイコン

画像関連

スタイル設定

アニメーション

フォーム

CMS

公開・SEO

学習・サポート

その他

両者実装済み

重要度

A

公開・SEO

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

Framer

Studio

重要度

A

公開・SEO

BingのSEO

Framer

Studio

インデックスされにくい

重要度

A

学習・サポート

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

Framer

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

Studio

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

重要度

B

エディタ

無料でメンバー追加

Framer

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

Studio

重要度

B

テキスト・アイコン

日本語のフォントの種類

Framer

Googleフォントのみ

Studio

重要度

B

フォーム

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

Framer

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

Studio

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

重要度

B

CMS

スマホでCMSを更新できる

Framer

Studio

重要度

B

CMS

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

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

その他

RSS フィード配信

Framer

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

Studio

重要度

C

テキスト・アイコン

フォントの一括変更

Framer

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

Studio

重要度

C

テキスト・アイコン

テキストの縦書き

Framer

Studio

重要度

C

テキスト・アイコン

アイコンの種類

Framer

プラグインに多数

Studio

種類少なめ

重要度

C

画像関連

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

Framer

Studio

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

重要度

C

画像関連

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

Framer

Studio

重要度

C

画像関連

縦長画像のアップロード

Framer

Studio

画質が荒くなる

重要度

C

画像関連

画像の縦横比固定

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

もっと見る