An image to describe post

本期聊聊最近很火的 Framer Sites 吧。

上周 Framer 又马不停蹄地上线了传说中的 CMS 功能,感觉这么多年过去他们终于找到了正确的方向,虽然功能还是很初级,但至少让很多人都愿意用在生产环境中了。你说他们是突然开窍了吗?我觉得倒也不是,而是因为 Next 等前端框架的发展和一键部署服务的普及,让这件事变得容易多了。类似的产品还有 TypedreamYcode,angular.js 作者出任 CTO 的 builder.io 等等,这些产品功能上一个比一个强大,跟他们比起来 Framer 甚至可以说是简陋了,更不要说还有这个领域的老大 Webflow 已经深耕很多年了。

而 Framer Sites 吸引人的地方可能恰恰是足够简单,不用关心那么多开发上的事情,不需要学习 CSS 布局(其他产品即使给你可视化编辑器也是基于 CSS 原生属性,复杂到离谱),画布上直接采用类似 Figma 的设计软件操作模式,真正实现了所见即所得的编辑体验。不过由于 Figma 很多组件和图层的独特性导致导入 Framer 后并不能完美还原,两个软件的设计操作功能也略有不同,所以直接在 Framer 里做设计还是挺不顺手的。这里不得不幻想一下:Figma 官方要是哪天也支持这样部署网站,那可就太牛逼了。

当然使用上的问题也是很多,比如布局上对于稍复杂的 layout,设置每个 breakpoint 反而比直接写代码麻烦不少,而且还有里面更新了外面不更新的严重 bug,生产的代码可读性和结构都不太好,冗余太多影响性能等等。