Framer Studio

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

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

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

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

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

效能：透過硬體加速達成高幀率，並採用 CSS Transform 技術。

彈性：相容於桌面電腦、行動裝置與平板裝置；與 WebKit 協同運作順暢。

整合式工作流程：Framer Studio 支援 Photoshop 與 Sketch 整合，讓您可直接從靜態設計匯入圖層，並將其轉換為互動式原型。

創新互動：透過高效且愉悅的程式碼編輯器，以程式碼實現高度彈性的互動設計。

CoffeeScript：Framer Studio 採用 CoffeeScript — 一種更簡潔、更具可讀性的 JavaScript 編寫方式。

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

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

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

自由創作：即時互動式視覺回饋、多裝置預覽，以及全螢幕展示模式。

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

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

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

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

最新資訊（版本 1.14.14）：本項目更新時，官方尚未提供該版本的更新說明。

系統需求：Intel 64 位元處理器；macOS 10.9 或更新版本。

截圖：若您正使用廣告攔截器，請支持本網站。