Framer Studio

Framer Studio は、ラピッドプロトタイピングのためのオープンソースフレームワーク「Framer.js」を基盤として構築されています。Framer を使うと、アニメーションやインタラクションを自由に定義できます。モバイルデバイス上でも動作します。ソースコードは GitHub で公開されています。ハードウェアアクセラレーションによるイベント処理および 3D アニメーション、スプリング物理演算（Spring Physics）をサポート。Google、Facebook、Instagram、Stripe などでも採用されている Framer.js を採用。

【生成】Sketch や Photoshop からアセットを自動生成し、新しいプロジェクトを素早くセットアップ。

【アニメーション】3D スペース内の任意のレイヤーを、スプリング物理やベジェ曲線を用いてアニメーション化。

【パフォーマンス】CSS Transform を活用したハードウェアアクセラレーションにより、高フレームレートを実現。

【柔軟性】デスクトップ、モバイル、タブレットのすべてに対応。WebKit との連携もスムーズです。

【統合ワークフロー】Photoshop および Sketch との連携機能を内蔵。静的なデザインからレイヤーを直接インポートし、インタラクティブなプロトタイプへと変換できます。

【インタラクションの創造】コードによる柔軟な制御を可能にする、効率的かつ快適なエディタを搭載。

【CoffeeScript】JavaScript よりも簡潔で可読性の高い CoffeeScript を採用。

【スニペット】内蔵スニペットライブラリにより、ワンクリックでレイヤーやインタラクションを追加可能。

【オートコンプリート】Framer に最適化された補完機能。定義済みの関数・プロパティ・変数・レイヤー名すべてをサポート。

【インラインエラー表示】エラー発生箇所を即座に特定。内蔵 JavaScript コンソールで詳細なデバッグが可能。

【自由な制作】リアルタイムのインタラクティブなビジュアルフィードバック、複数デバイス対応、フルスクリーンプレゼンテーションモードを備えています。

【プレゼンテーション】フルスクリーンモードで、ユーザーを没入させるようなプロトタイプデモを実施可能。

【プレビュー】作成中に即座にピクセルパーフェクトなプレビューを確認。プロジェクトごとに表示モードをカスタマイズ可能。

【デバイスプレビュー】iPhone、iPad、Android、またはフルスクリーンでプロトタイプをプレビュー。

【共有】プロジェクトをすばやくエクスポートして任意の場所にアップロード可能。共同作業のために Framer プロジェクトを簡単に共有できます。

【新機能（バージョン 1.14.9）】本リスト更新時点では、リリースノートは公開されていません。

【システム要件】Intel 64 ビットプロセッサ、macOS 10.9 以降。

スクリーンショット：広告ブロッカーをご利用の場合、このウェブサイトを支援するため、一時的に無効化することをお勧めします。