Framer JS 資源分享
官方網站資源 — framerjs.com
- Get Started — 快速入門
- Guide — 新手上路
- Resources — 整理許多實用的文章、模組(Module)、教程⋯
- Sketch Import — 學習如何快速從 Sketch 導入 Framer
- Device Preview — 了解如何在手機平板等裝置上預覽
- Get Framer for iOS on the App Store.
- Get Framer for Android on the Google Play Store.
- Gallery — 看到喜歡的，就點開下載下來看！
- Programming — 基礎程式入門，簡單易懂，有範例說明
- Community — 可以快速搜尋官方 FB 社團裡的所有東西，非常實用
Awesome Framer
一位名為 “podo” 的大大分享了他的總整理： https://github.com/podo/awesome-framer
（2017/7/16 更新）
Facebook 資源
非常熱絡活躍的社團，不時有許多神人分享好東西，也可以隨時在上面發問，但建議可以先在社團裡搜尋你要找的關鍵字
期望延續全球各地 Framer JS 社團的優質文化～純粹學習交流，相互提問解答，無私分享貢獻，杜絕商業營利。（如果英文還可以，建議到官方社團發問會得到更好的回答，如果英文不太好，歡迎來此發問，雖然沒有神人，但還是有人會幫忙想辦法。）
範例收集
- Framer Code — 收集許多範例，模組，以及一些小技巧
- FRAMERJS CLUB — 收集許多範例以及不錯的文章
Coffee Script 程式相關
- coffeescript.org — 對比與 javascript 的差異，整體算是滿容易理解的說明
- CoffeeScriptBook — 很詳細的解說。某些部分在 Framer 裡還會再更簡單些
- Code Less & Achieve More with Arrays in Framer — 陣列 (Arrays) 很實用，必學
文章推薦
- Framer JS Taiwan 部落格文章（Medium）- 分享以及收集 Framer JS 中文相關的設計文章以及教學，歡迎投稿。
- 從設計師角度學習 Framer Part 1：前言與觀念
- 從設計師角度學習 Framer Part 2：從 Sketch 到 Framer
- 從設計師角度學習 Framer Part 3：運用 Animation 讓原型更生動
- 在 Medium 裡搜尋 Framer 可以找到許多文章
- Framer 在 Medium 官方的文章精選
- Sketch tips for Framer.js — Design + Sketch App
- Framer学(入)习(坑)指南系列文（簡體）
- Framer学(入)习(坑)指南文章： 像学习写文章一样学习Framer编程
- Framer学(入)习(坑)指南文章：原型还可以用代码写 — — 基本概念（1）- 官方文件翻譯
- New to Framer? Just 3 Things to Get You Started
文中這段簡潔俐落：『 If you push (event) something (layer), it moves (state changes) 』，中文：『 當你按下(event) 某個東西(layer) 之後，它就改變狀態(state changes) 』。這篇算是當時入門時的一篇關鍵文章，建議新手先閱讀
- Getting Started with Framer
- Building Your First Prototype
- Framer JS Basics, Tutorial And Examples For Beginners
- Framer JS Page Components Tutorial & How-To For Beginners
- Prototyping With Framer — 一個收集許多 Framer 相關資源與文章的網站
- 少見的中文教程（簡體）- 品質不敢保證，但至少是中文
- Noah Levin
- Noah Levin — Ex-Googler. FramerJS advocate and teacher.
- Noah Levin — sliders
- Noah Levin — skillshare video class
動畫資源
- Framer.js Animation Playground
- Spring Visualizer — 有兩個 Mobile Apps 和一個 Mac App，推薦 Spring Visualizer 2.0
- Framer Spring
- Animating with Framer.js
- Transition Types
- Kinetics — Test spring animations on any layer
- Bezier curve
- Easing curve
- Animate.CSS （與 Framer 無關，純粹動畫參考）
- Progress Button Styles （與 Framer 無關，純粹動畫參考）
- 製作過程示範（太陽，雲）
書籍
- Framer book ( USD$99 ) (最後更新是 2016/04，Framer 版本是 v61，截至 2016/11 最新是 v74)
算是目前唯一最完整的 Framer 教學電子書，裡頭還會隨附影片、範例檔等等。雖然新版本不斷推出，但一些基礎入門的東西還是不會過時，所以喜歡看書學習的人可以參考。
歡迎留言分享
- 歡迎留言分享你所收藏的 Framer 資源
- 如有好料，未來會繼續更新
活動 — Framer JS Taipei Meetup
將於臺北舉辦台灣的第一場Framer JS的同好者聚會。只要您對FramerJS充滿了熱情與好奇都可以來參加。
[ 活動資訊 ]
▲ 日期: 2016/12/07 (三)
▲ 時間: 19:00 入場 19:30 開始
▲ 地點: 大安區光復南路102號7樓（拼貼趣總部，捷運國父紀念館站附近）
▲ 費用: 完全免費 ^_^ 這是一個開始！抱著輕鬆的心情來作交流即可
[ 報名 ]
請在連結報名 →
https://nvite.com/TaipeiFramer/e8dd
( 因為場地關係，能容納的參加人數有限，請及早報名喔！超過人數時可登記為等候清單)
[ 活動內容 ]
▲ Design Sharing
講者在設計流程中如何與Framer JS共舞、線上概念驗證等主題
▲ 歡樂交流時間
大家可以大方交流一些Framer JS使用上的問題，或是您有很炫的成果想要展現一下！
