Framer 新手必看！这个入门指南让你事半功倍！

今天分享自己自学 Framer 过程中的一些心得感悟以及宝贵资源。其主要目的呢，就是为了让刚接触 Framer 的新手伙伴们能够迅速上手这款软件。要知道，与其在网上毫无头绪地四处搜教程，不如静下心来看看我的介绍，然后依据自身需求去查缺补漏，这样效率会高得多。
 
1. 从基础开始 💪对于新手来说，可以先从Framer的基础教程开始。刚开始，你可以从简单的项目入手，比如设计一个个人博客或者一个小型企业站。Framer的官.方文档和社区论坛都是很好的学习资源。
 
2. 深入学习 📚当你对Framer有了基本的了解后，可以开始深入学习更高级的功能，比如动画、交互设计等。有code背景的直接找framer motion的资料，打开新世界；
 
3. 教学资源 🌐
- **Framer**：围绕Framer的各种视频都放在这里。
- **Flux Academy**：设计师的老朋友了，适合各个水平的学习者；
- **Ryan Hayward**：coursera上的讲师，现在出来专门教framer，基础和高阶课程都有；
- **Tim Gabe**：做一些具体部件的交互效果，可以找他的视频看看；
 
4. 素材和灵感 🎨
- **pure**：一个收集高质量落地页的网站，可以找到很多优秀的落地页设计作品。
- **onepagelove**：单页设计灵感网站，涵盖各个行业的网站设计例子，参考很好用。
 
5. Framer插件 🛠
- **figma to html with framer**：可以快速将figma设计导入到framer中进行编辑。
- **html to framer**: 可一键将网页元素复制到framer的画布中，支持chrome、edge，但只支持静态元素
 
6. 其他工具
- **沉浸式翻译**：偶然发现的双语对照网页翻译插件，除了看油管视频，国内的b站也支持！@沉浸式翻译 牛！
 
关注@废鹅，不定期更新设计知识和干货