Framer Studio

Framer Studio 是基於開源框架 Framer.js 所建構，專為快速原型製作而設計。 Framer 讓您能定義動畫與互動。 它也能在行動裝置上執行。 原始碼存放於 GitHub。 硬體加速事件與 3D 動畫、彈簧物理效果（Spring Physics）。 Framer.js 已被 Google、Facebook、Instagram 與 Stripe 等公司採用。 【產生】從 Sketch 和 Photoshop 自動產出資源，以快速建立新專案。 【動畫】運用彈簧物理效果與貝茲曲線（Bézier curves），對 3D 空間中的任一圖層進行動畫處理。 【效能】透過 CSS Transform 實現硬體加速，確保高幀率呈現。 【彈性】支援桌上型電腦、行動裝置與平板裝置，並與 WebKit 相容性佳。

【整合式工作流程】Framer Studio 內建 Photoshop 與 Sketch 整合功能，可直接從靜態設計匯入圖層，並轉換為互動式原型。 【創新互動】透過高效且愉悅的程式碼編輯器，以程式碼實現高度彈性的互動設計。 【CoffeeScript】Framer Studio 採用 CoffeeScript — 一種比 JavaScript 更簡潔、更易讀的程式語言。 【程式碼片段】內建程式碼片段函式庫，點選一下即可新增圖層與互動邏輯。 【自動完成】針對 Framer 特別優化，涵蓋所有函式、屬性、變數，以及您已設定的圖層名稱。 【內嵌錯誤提示】立即找出問題所在；並可透過內建 JavaScript 主控台深入除錯。 【自由創作】即時互動式視覺回饋、多重裝置預覽，以及全螢幕簡報模式。

【簡報】使用全螢幕簡報模式，沉浸式展示您的原型。 【預覽】建構過程中即可獲得像素級精準的即時預覽效果；並可依專案自訂檢視模式。 【裝置預覽】於 iPhone、iPad、Android 或全螢幕模式下預覽您的原型。 【分享】快速匯出專案，上傳至任何平台；亦可直接分享 Framer 專案，便於團隊協作。