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

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

评论有奖

收藏 11 点赞 32

今天分享自己自学 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站也支持!@沉浸式翻译 牛!
 
关注@废鹅,不定期更新设计知识和干货

ㅤ废鹅

人气 8.1w 文章 10
主页小红书
Framer 新手必看!这个入门指南让你事半功倍!
Framer 新手必看!这个入门指南让你事半功倍!
Framer 新手必看!这个入门指南让你事半功倍!
Framer 新手必看!这个入门指南让你事半功倍!
Framer 新手必看!这个入门指南让你事半功倍!
Framer 新手必看!这个入门指南让你事半功倍!
Framer 新手必看!这个入门指南让你事半功倍!
Framer 新手必看!这个入门指南让你事半功倍!
Framer 新手必看!这个入门指南让你事半功倍!
Framer 新手必看!这个入门指南让你事半功倍!
Framer 新手必看!这个入门指南让你事半功倍!
收藏 11
点赞 32
超写实!FLUX 模型打造 18 张细腻照片质感产品图!
😘 立即查看 >
下一篇 超写实!FLUX 模型打造 18 张细腻照片质感产品图!

优设官方微信群

  • 1AIGC自学交流群
  • 2个人IP运营交流群
  • 3优设私单群
  • 4优设同城搭子群
  • 5优设大学生交流群
  • 6优设设计师交流群

添加管理员 招财

微信号: 扫码添加
严格审核打造高质量交流群

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布7

{{ moreBtnTxt }}
阅读相关文章
{{comTitle}} {{comSubtitle}}