Framer

ボタンを押していくだけで、各オブジェクトに対する多彩なインタラクションを軽快に設定できました。種類の多さと細かさは同タイプのツールの中でトップクラスです。プレビューもすぐに動き始めるので、試行錯誤もスムーズでした。Framerはもともとインタラクティブなプロトタイプをつくるツールだったこともあり、Figmaよりもサクサクとインタラクティブなサイトを作れると感じました。

四角形・円・星などの基本的な形状に加えて、パスツールでページ上に直接描画できるため、デザインツールに切り替えなくてもSVG画像を設置できます。ホームページ制作の中でアイコンや装飾を自作したい場合に便利です。

無料でもページ数1,000ページ、CMSの10コレクションを使うことができ、動的な要素やページも十分に試すことができました。ブログは挿入メニューから設置するだけで、CMSがサンプルデータまで含めて自動的にセットされるため、動的コンテンツの導入がとてもスムーズでした。

全テキストを洗い出してAIを併用しながら翻訳でき、言語単位で全コンテンツを一気に翻訳することもできます。言語のほかに国指定（通貨や単位などへの影響）や翻訳スタイルの調整もできるため、細かく配慮した多言語対応が可能でした。

meta descriptionやOG画像をページ単位で迷いなく設定でき、サイトマップは自動生成、canonicalもスクリプトとして追加可能でした。基本的なSEO対応はエディタ内で完結できます。

**UIや公式ドキュメントが英語のため、日本語ユーザーにはハードルが高い。** UI自体がすべて英語なので、Webデザイン関連の英語記事を単語を追いながらなんとなく理解できる程度の英語力は必要だと感じました。日本語のサポートやドキュメントも限定的なので、困ったときは英語の情報源にあたる必要があります。英語に苦手意識がある場合は、日本語対応のツールも検討することをおすすめします。 **用語や操作に独自のものが多く、初期の学習コストが高い。** もともとコードベースのツールだったため、一般的なデザインツールとは用語や操作方法が異なることがあり、ツールの設計を理解するまではとっつきにくい印象があります。慣れるまではチュートリアル動画やドキュメントを参照しながら操作することをおすすめします。 **HTMLの書き出しができず、他環境への移行はできない。** FramerのUIを使って作成から公開までする前提なので、HTMLを直接編集したり、他のサーバーで使えるようにエクスポートしたりすることはできません。将来的に別の環境へ移行する可能性がある場合は、事前に検討した上で導入を決めることをおすすめします。