Framer Studio

Framer Studio 是基於開源框架 Framer.js 所建置，專為快速原型設計而生。Framer 讓您能定義動畫與互動行為。它亦可於行動裝置上執行。

GitHub 原始碼｜硬體加速事件與 3D 動畫｜彈簧物理引擎

採用 Framer.js 的公司：Google、Facebook、Instagram 與 Stripe

產生：從 Sketch 與 Photoshop 自動產出資源，快速建立新專案。

動畫：運用彈簧物理效果與貝茲曲線，在 3D 空間中對任一圖層進行動畫處理。

效能：透過 CSS Transform 實現硬體加速，達成高幀率與流暢呈現。

彈性：支援桌上型電腦、行動裝置與平板裝置；並與 WebKit 完美相容。

整合式工作流程：Framer Studio 內建 Photoshop 與 Sketch 整合功能，讓您可直接匯入靜態設計中的圖層，並轉換為可互動的原型。

創新互動：透過專為提升編碼效率與樂趣所設計的編輯器，以程式碼實現高度彈性的互動控制。

CoffeeScript：Framer Studio 採用 CoffeeScript，一種比 JavaScript 更簡潔且易讀的程式語言。

程式碼片段：內建豐富的程式碼片段庫，只需單擊即可新增圖層與互動邏輯。

自動完成：針對 Framer 特別優化，涵蓋所有函式、屬性、變數，以及您自訂的圖層名稱。

內嵌錯誤提示：立即找出問題所在；並可透過內建 JavaScript 主控台深入除錯。

創造一切可能：即時互動式視覺回饋、多裝置預覽，以及全螢幕簡報模式。

簡報：使用全螢幕簡報模式，沉浸式展示您的原型。

預覽：建構過程中即可獲得像素級精準的即時預覽；並可依專案自訂檢視模式。

裝置預覽：於 iPhone、iPad、Android 或全螢幕模式下預覽您的原型。

分享：快速匯出專案並上傳至任何平台；輕鬆分享 Framer 專案，促進團隊協作。