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】Framer Studio は、JavaScript よりも簡潔で読みやすい CoffeeScript を採用しています。 【スニペット】内蔵スニペットライブラリを搭載。 ワンクリックでレイヤーやインタラクションを追加できます。 【オートコンプリート】Framer に最適化されており、すべての関数、プロパティ、変数、およびユーザーが設定したレイヤー名を含む補完機能を提供。 【インラインエラー表示】問題の原因を即座に特定可能。 さらに、内蔵 JavaScript コンソールで詳細なデバッグが可能です。 【自由な制作】即時インタラクティブなビジュアルフィードバック、複数デバイス対応、フルスクリーンプレゼンテーションモードを備えています。

【プレゼンテーション】フルスクリーンプレゼンテーションモードを使用して、プロトタイプを没入感たっぷりにデモできます。 【プレビュー】制作中にリアルタイムでピクセルパーフェクトなプレビューを確認可能。 プロジェクトごとに表示モードをカスタマイズできます。 【デバイスプレビュー】iPhone、iPad、Android、またはフルスクリーンでプロトタイプをプレビューできます。 【共有】プロジェクトをすばやくエクスポートして、任意の場所にアップロード可能。 また、Framer プロジェクトそのものを共有することで、チームでのコラボレーションを容易にします。