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 專案，輕鬆實現團隊協作。

新增內容（版本 1.11.173）：本清單更新時，官方尚未提供該版本的更新說明。

系統需求：macOS 10.8 或更新版本。

截圖：若您正在使用廣告攔截工具，請透過將本網站加入白名單的方式予以支援。