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 專案，輕鬆協同合作。

系統需求：OS X 10.8 或更新版本

截圖：若您正在使用廣告攔截器，請將本網站加入白名單以示支持。廣告收入是我們持續提供優質內容的重要來源！或閱讀本文了解如何支持我們。