Framer

Framer_Blog

Discover the power of code in Design

下載Framer評估版本

參加團購

使用Framer來探索每一個好點子

您需要發揮潛能來從無到有地設計新產品, 您不應該被原型設計製作工具所限制. Framer是一種以程式碼製作原型的工具,讓您製作原型階段無所不能. Framer讓您探索新的互動模式並且從根基開始設計, 發覺最好的解決方案, 而不是只是期待.

看Framer如何運作

為何需要寫程式碼?

學習使用程式碼製作原型可以讓您探索每一個創造性的想法而不只是複製既有的模式. 寫程式不是只是為了工程師. 如果您願意試看看, 我們相信您會同意程式碼會是設計師所能擁有最強大的工具.

開始學習使用Framer來設計原型

screenshot-1080

 

為任何裝置所設計

可以為移動平台, 桌面軟體,  和網站做原型設計. 當您需要支援多種平台, Framer讓你都可以涵蓋. 你可以為任何裝置設計原型甚至包含TV和Android.

icon-multiplatform

 

釋放你的創造力

Framer提供許多場景轉換或是快速動畫功能. 可以使用真實的資訊來設計. 使用可客製化的元件來建構真實的介面. 測試和驗證所有你具有創造力的好點子.

Motion

微調每一個動畫直到你的圖層以最和諧的方式移動

Touch

設定拖曳, 捲動或是分頁, 元件加上手勢功能

Depth

對裝置轉動會有回應, 並支援三度空間的圖層傾斜

Input

可從鍵盤輸入來做測試並且以真正的使用者資料運作

Data

透過API來取得使用者的圖像或是名字

Adaptive

製作可調適的原型來適應使用者的互動

Framer 符合您的設計流程

可直接從Sketch或是PhotoShop匯入圖檔, 有些地方需要做變更嗎? 很簡單只要重新匯入就可以了, 當您設計好原型, 您可以將作品分享到行動裝置然後取得使用者的回饋.

視訊操作指引

學習如何將你的Sketch設計加上原生的互動到設計圖檔以轉換成可以運作的原型.

View Transition

Message View

Image Detail

iOS Lock Screen

Framer幫助你學習寫程式

Framer 使用簡單的語法和智慧自動完成功能讓學習曲線降低, Framer官方網站也提供可重複使用的程式碼範例, 明確的指引手冊, 和高品質的文件

Framer_-_Prototyping_Tool_for_Designing_UI__Interaction_and_Animation

facebookcomment googlecomment

uber

介紹Framer的文章

resource   sketchimport  iosandroidapp

團購10人以上成立, 團購價 USD 119

參加團購

單獨採購 USD 129

採購請填表單, 我們會將報價單與付款資訊寄給您, 可開發票

歡迎加入Framer JS Taiwan FaceBook 社團

如果覺得這個工具不錯, 歡迎使用以下的社群分享按鈕分享給您的朋友吧!