Framer AI 零代码 生成式AI

目前为止,我们总结接触的太多太多的AI产品,但能做网站的除了Gamma等同类产品,有没有一个申请速度快,UI效果好的同类网站呢?那么今天她来了。

Framer AI  零代码  生成式AI

代码语言:javascript
复制
https://www.framer.com/
图片

更快的设计网站

在熟悉的自由格式画布上设计您的网站。

直观地设置断点以使其具有响应性

图片

令人惊叹的设计

使用强大而熟悉的工具创建您的终极网站设计。从 Figma 导入您的设计,添加灵活的网格和堆栈,使用绝对定位,并排处理断点以使其适应任何屏幕尺寸

图片

Framer AI是一个网站设计平台,它能够根据你提供的设计描述自动生成网站代码,从而简化了网页设计过程。

图片

使用Framer AI,你只需输入文本描述(支持中文),即可自动生成网站的设计、排版以及代码生成等工作。此外,Framer AI还提供了动画效果、交互功能和CMS等特性,让你能够轻松创建专业、美观且高性能的网站。

教程

按照以下步骤快速使用教程:

1. 进入Framer AI的主页。

图片

2. 在输入框中填写提示词:帮我做一个网站,拥有一级和二级菜单,可以定制化增加和减少菜单,拥有封面和简介,现在为我创作

3. 点击“生成”按钮,等待AI为你创建网站。

图片

4. 在生成的网站上,你可以点击任意元素进行修改,也可以通过拖拽元素来改变位置和大小。此外,你还可以在左侧的工具栏中选择不同的组件,如按钮、图标、表单等,将它们添加到你的网站中。Canvas可画我们很熟悉的了~

5. 在右侧的属性栏中,你可以调整网站的全局设置,包括颜色、字体和背景等。你还可以在这里添加动画效果、交互功能和CMS。

图片

6. 当你对网站满意时,点击右上角的“发布”按钮,在弹出的选项中选择一个子域名或使用自己的域名,即可将网站发布到互联网上。

图片

7. 你可以随时返回Framer AI的主页,查看和管理你已发布的网站,或创建新的网站。

图片

如果你在描述网站时遇到困难,你描述提示词让ChatGPT帮我们生成,让AI更懂AI。同时,Framer AI也支持中文提示词,所以如果你使用的是中文描述,AI生成的内容也会是中文的。

目前我尝试发布后会给我一个自定义的域名,不过这个更像是一个建议的PPT,真正的代码并不能下载,所以更像是页面的参考,好在它现在是免费的。不过总体体验下来,个人觉得并不如Gamma

同类产品目前有四个,首先推荐Gamma网址如下

代码语言:javascript
复制
https://www.framer.com/ai

https://www.mindshow.fun/#/login?inviteCode=6597612

https://gamma.app/signup?r=sqgovd3iif5btr4

https://www.dora.run/ai_launch/K7CV1OVYE

图片

加入粉丝群,群文档教学大更新啦~~

往期精彩内容,加我进群领取60G海量AI资源包

搭配10万+A绘画提示词下载点我