【Framer】さらに強力にする便利な５つの拡張ツール！

Framerは非常に強力なウェブサイトビルダーですが、さらに強力にするツールがあります。ここでは、次のプロジェクトで使えるトップ5のFramerツールを紹介します。

1. FramerOverrides https://frameroverrides.com/

2. Framer Commerce https://framercommerce.com/

3. Thenty https://thenty.io/

4. FRAMERFORMS https://framerforms.com/

5. SUPERFIELD https://superfields.io/

Framer Overrides:

https://frameroverrides.com/

Framerのプロジェクトにオーバーライドとコードコンポーネントを追加できるツールです。オーバーライドとは、キャンバス上のフレームを上書きするコードのことです。

たとえば、フレームを歪ませるオーバーライドを適用することで、フレームの形状を変更できます。

Framer Commerce:

https://framercommerce.com/

FramerサイトをShopifyと連携させるツールです。

FramerでデザインしたフロントエンドをShopifyのバックエンドと統合することで、eコマース機能を維持しながらデザインの自由度を高めることができます。

ただし、コストが高い点がデメリットです。

thenty:

https://thenty.io/

Framerサイト上でウェブアプリやメンバーシップを構築できるツールです。

認証、ページのロック、支払いの収集などが可能です。

FentyはStripeと直接連携しており、支払い処理が簡単で、コンポーネントとしてスタイルを調整することもできます。

FRAMERFORMS:

https://framerforms.com/

Framerサイトにカスタムフォームを追加できるツールです。複数の入力フィールドやマルチステップフォームを簡単に作成でき、情報をZapierなどの他のツールに送信することも可能です。

SUPERFIELD:

https://superfields.io/

SUPERFIELDは、Framerサイトにおいてユーザー自身が動的にコンテンツを変更・管理できる強力なツールです。ページネーション機能やCMS内でのコンテンツ順序の管理が可能で、サイト閲覧者であるユーザーが表示方法や並び順をカスタマイズできます。

たとえば、製品リストや記事一覧を特定の条件で並べ替えたり、ページ分割を利用して多くのコンテンツを見やすく表示することができます。