Framer Studio

Framer Studio は、ラピッドプロトタイピングのためのオープンソースフレームワーク「Framer.js」に基づいて構築されています。Framer を使用すると、アニメーションやインタラクションを定義できます。また、モバイルデバイス上でも動作します。

GitHub 上のソースコード｜ハードウェアアクセラレーションによるイベント処理と 3D アニメーション｜スプリング物理エンジン

Google、Facebook、Instagram、Stripe などでも採用されている Framer.js

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

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

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

柔軟性：デスクトップ、モバイル、タブレットのすべてに対応。WebKit とも良好に連携します。

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

インタラクションの創造：効率的かつ快適なコーディングを可能にするエディタで、コードによる柔軟なインタラクション設計を実現。

CoffeeScript：Framer Studio は、JavaScript をより簡潔で読みやすい形で記述できる CoffeeScript を採用しています。

スニペット：内蔵のスニペットライブラリを活用し、ワンクリックでレイヤーやインタラクションを追加できます。

オートコンプリート：Framer に最適化されており、すべての関数、プロパティ、変数、およびユーザーが設定したレイヤー名を含む補完機能を提供。

インラインエラー表示：問題箇所を即座に特定。内蔵の JavaScript コンソールで詳細なデバッグが可能です。

自由な制作：リアルタイムのインタラクティブなビジュアルフィードバック、複数デバイス対応、フルスクリーンプレゼンテーションモードを搭載。

プレゼンテーション：没入感のあるデモのために、フルスクリーンプレゼンテーションモードをご利用ください。

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

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

共有：プロジェクトをすばやくエクスポートして、どこへでもアップロード可能。Framer プロジェクトを簡単に共有し、コラボレーションを促進できます。

新機能（バージョン 1.14.14）：本リスト更新時点では、リリースノートが公開されていませんでした。

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

スクリーンショット：広告ブロッカーを使用中の場合、このウェブサイトをぜひご支援ください。