Framer AI 零代码 生成式AI

举报
赵KK日常技术记录 发表于 2023/08/08 17:43:20 2023/08/08
【摘要】 目前为止,我们总结接触的太多太多的AI产品,但能做网站的除了Gamma等同类产品,有没有一个申请速度快,UI效果好的同类网站呢?那么今天她来了。Framer AI  零代码  生成式AIhttps://www.framer.com/更快的设计网站在熟悉的自由格式画布上设计您的网站。直观地设置断点以使其具有响应性令人惊叹的设计使用强大而熟悉的工具创建您的终极网站设计。从 Figma 导入您的设...

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

Framer AI  零代码  生成式AI

https://www.framer.com/

请在此添加图片描述

更快的设计网站

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

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

请在此添加图片描述

令人惊叹的设计

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

请在此添加图片描述

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

请在此添加图片描述

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

教程

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

  1. 进入Framer AI的主页。

请在此添加图片描述

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

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

请在此添加图片描述

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

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

请在此添加图片描述

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

请在此添加图片描述

  1. 你可以随时返回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#

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。