今天分享自己自學 Framer 過程中的一些心得感悟以及寶貴資源。其主要目的呢，就是為了讓剛接觸 Framer 的新手伙伴們能夠迅速上手這款軟件。要知道，與其在網(wǎng)上毫無頭緒地四處搜教程，不如靜下心來看看我的介紹，然后依據(jù)自身需求去查缺補漏，這樣效率會高得多。
 
1. 從基礎(chǔ)開始 ??對于新手來說，可以先從Framer的基礎(chǔ)教程開始。剛開始，你可以從簡單的項目入手，比如設計一個個人博客或者一個小型企業(yè)站。Framer的官.方文檔和社區(qū)論壇都是很好的學習資源。
 
2. 深入學習 ??當你對Framer有了基本的了解后，可以開始深入學習更高級的功能，比如動畫、交互設計等。有code背景的直接找framer motion的資料，打開新世界；
 
3. 教學資源 ??
- **Framer**：圍繞Framer的各種視頻都放在這里。
- **Flux Academy**：設計師的老朋友了，適合各個水平的學習者；
- **Ryan Hayward**：coursera上的講師，現(xiàn)在出來專門教framer，基礎(chǔ)和高階課程都有；
- **Tim Gabe**：做一些具體部件的交互效果，可以找他的視頻看看；
 
4. 素材和靈感 ??
- **pure**：一個收集高質(zhì)量落地頁的網(wǎng)站，可以找到很多優(yōu)秀的落地頁設計作品。
- **onepagelove**：單頁設計靈感網(wǎng)站，涵蓋各個行業(yè)的網(wǎng)站設計例子，參考很好用。
 
5. Framer插件 ??
- **figma to html with framer**：可以快速將figma設計導入到framer中進行編輯。
- **html to framer**: 可一鍵將網(wǎng)頁元素復制到framer的畫布中，支持chrome、edge，但只支持靜態(tài)元素
 
6. 其他工具
- **沉浸式翻譯**：偶然發(fā)現(xiàn)的雙語對照網(wǎng)頁翻譯插件，除了看油管視頻，國內(nèi)的b站也支持！@沉浸式翻譯 牛！
 
關(guān)注@廢鵝，不定期更新設計知識和干貨