Framer AI: 一键建站教程，让你的网页轻松起飞

昨晚另一个比较重要的内容是 Framer 发布了他们 AI 建站功能，只需要输入你对网页的需求他就会帮你创建一个网页。

如果你的诉求是简单的落地页之类的，他还是可以比较好的胜任的。下面的两个分别是我用英文和中文做的。

如果你想要深入了解Framer AI。这里有一个方便的教程来帮助你开始

首先我们需要访问https://www.framer.com/ai 点击页面右上角的登录或者注册按钮登录就可以了。

然后点击后台的这个 AI 生成的按钮

进入页面以后非常简单直接点击预览区域的那个 Start with AI 按钮

然后就是一个简单的输入框你需要输入你对网页的内容或者视觉要求，如果你不知道应该需要哪些内容的话可以去问一下 ChatGPT，比如我这里想推广我的提示词猎手插件，我就让 GPT 帮我规划了一下网页内容。之后把你的要求输入进去确定他就开始生成了。这里是支持中文的，如果你的提示词是中文，那么他填充的内容就是中文。

Create an engaging landing page for "Prompt hunter" with these key sections:

Hero Section: Display product name, catchy tagline, and a clear call-to-action button with a high-quality background image or video. Features & Benefits: Briefly introduce main features and user benefits with concise text and relevant icons. Use simple language for easy understanding. How It Works: Showcase the usage of "Prompt hunter" with short steps, using animations, screenshots, or videos. Ensure steps are easy to follow. Testimonials & Reviews: Highlight user satisfaction, featuring names, avatars, and occupations for authenticity. Select representative reviews. Pricing & Plans: Clearly present pricing options and packages. Use a table or card layout, and encourage free trials or discounted plans. FAQs: List common questions and answers addressing product functionality, pricing, and support. Provide a contact form or email for further inquiries. Footer: Include copyright, privacy policy links, social media links, and simple navigation for easy page switching.

如果生成的网页整体所有内容都不符合你的需求的话，可以点右边的 Regenerate 重新随机，如果只是字体和配色不符合你的需求的话，可以点 shuffle 只重新随机对应的字体或者配色。

如果最后这些都 OK 了，里面的文案或者图片不符合你的要求，可以选择对应的文案和图片在右侧的区域进行更改，一些其他属性也可以进行自定义。

最后如果你所有的内容都调整 OK 之后，点击右上角的 pubkish 就可以发布你的网页啦。

简单的教程到这里就结束了，感兴趣可以去Framer试一下，效果真的很好。