Framer — The internet is your canvas

会逐渐记录一些个人遇到的问题

Framer 的优势？

• 相比 Webflow，学习门槛低很多，让设计师真正意义上通过无代码的形式，做出想要的 Web Design。只要掌握 Figma 的自动布局和组件，就可以较快的上手 Framer。

Framer 能导出代码吗？

• 不行，只能购买官方的云服务。
• 而且大概率不会支持，因为和 Framer 的商业闭环是相关联的。

什么是 Framer Partner？有什么好处？

成为 Framer Partner 可以赚取一点外快，等于是跟着发展的平台吃点小肉。

总的来说 Partner 有 2 种形式

1. 就是那些做视频，做自媒体的（典型的例如那个 Nandi Framer university 的作者），放上 Framer 链接，用户点击以后都会被记录，将来这些用户有付费行为，都有收益。
2. 就是 template seller ，就是做免费或者收费的模板获取收益。

能快速见到钱的，应该就是做模板了，Framer 对模板的要求很高（甚至是图层的命名），看他们官网模板列表就能感觉到，是所有建站工具里设计质量比较高的。

Sticky 与 Fixed

• Sticky： 占用位置，当接近屏幕顶部时，才固定，更加灵活。
  • 注意!! Sticky 需要父级设置为 VIsible 才会生效，默认经常是 Hidden，非常离谱。
• Fixed： 类似绝对定位，始终固定，不占用页面位置。

1fr 和 100% rel ？

• 1fr相当于Figma的自动布局中的“Fill”，它会根据剩余空间自动调整大小。
• "100%rel "确保即使没有足够的空间，它也能保持与父容器相同的宽度。