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.11.173）：このリストが更新された時点で、リリースノートは公開されていませんでした。

要件：OS X 10.8 以降。

スクリーンショット：広告ブロッカーをご利用の場合、当サイトをホワイトリストに登録してご支援ください。