Framer AI 零代码 生成式AI

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

Framer AI  零代码  生成式AI

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网址如下

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绘画提示词下载点我

https://pan.xunlei.com/s/VN_dvcFWd_QTLreWMw3mqgpaA1?pwd=3a3m#