大家好,出网测评我卡颂。页的应用
最近,赶紧网页制作工具framer[1]推出了新功能 —— 根据提示词生成网页。出网测评
让老板知道这功能还得了?作为前端工程师,页的应用我赶紧对新功能测评一番。赶紧
一番捣鼓,出网测评悬着的页的应用心终于放了下来 —— 新功能不但对前端造成不了威胁,反而是赶紧如虎添翼。
本文让我们来了解framer用AI生成网页的全流程。
framer是一款网页可视化编辑器,诞生于2016年。作为一款No Code工具,framer与其他No Code工具一样,都会面对「不可能三角」问题:
所谓「不可能三角」,是指一款No Code工具无法同时兼顾「灵活」、「易用」与「效率」。
比如,如果工具:
framer选择了第三条道路,即 牺牲灵活性,保持易用与效率。
具体来说,framer的应用场景局限在生成落地页、产品介绍页、官网这样的静态页。
这些场景的特点是 重展示、轻交互。
framer生成的页面
framer整体工作流程包括3步:
首先设计原型图,这一步可以通过两种途径实现:
产出的原型图会进入编辑器界面,在这里可以:
当编辑完成后,可以一键部署。
接下来,我们看一个AI生成网页的例子。
我们的目标是生成一个「销售坦克」的落地页,具体提示词如下:
点击按钮,几秒钟过后,framer为我们生成了适配3种设备的响应式页面。
再看生成的内容,他确实按照我们的要求,生成了三部分内容:
大体的结构有了,接下来我们只需要在编辑器中调整配色、布局、修改内容、对接CMS就可以了。
当然,瑕疵也是有的:
相信在未来的迭代中,会进一步优化。
最后,一键部署网页(tank.framer.ai[2])。整个设计、编辑、上线流程不到10分钟完成。
既然framer能极大提高「落地页、官网」场景下的开发效率,是不是抢了前端开发的饭碗?
要回答这个问题,我们需要从业务出发 —— 落地页、官网场景的目标是什么?
答案是:转化。
转化可能是获取销售线索(注册信息、邮箱地址...),或者引流微信、App......
为了提高转化率,需要大量的A/B test,比如:
基于目标出发,在这样的场景下,前端工程师的工作重心应该放在:
画页面这样的繁琐工作交给framer来做再合适不过。
当工具出现时,我们不应该一味排斥他,而是应该思考 —— 如何利用他更好的为业务创造价值(黑话叫「如何赋能业务」)。
顺便提一嘴 —— 当前framer可以免费试用、部署。最基础的付费版(1000uv/月)是5刀。
[1]framer:https://framer.com/。
[2]tank.framer.ai:https://tank.framer.ai/。
责任编辑:姜华 来源: 魔术师卡颂 FramerAI(责任编辑:热点)
西安旅游(000610.SZ)公布消息:拟利用自有资金进行委托理财
铁路今起调图 天津、雄安可直达香港 本周末将迎首个暑运客流高峰
大生农业金融(01103.HK)发布公告:年度公司持有人应占亏损11.25亿元
国家林草局提出力争到2025年全国草原综合植被盖度超57% 草原质量稳步提升
海南离岛免税购物额度做“加法” 违规“海代”冒头自称“全能代”
基石科技控股(08391.HK)完成配发6962.5万股 每股0.40港元