AI生成html/网页制作指南

AI生成html/网页制作指南 AI生成html/网页制作指南 Modified May 8, 2024 3. 和Stunning AI交流设计需求，只需要和ai你问我答即可 ◦ 网站主题：AICan学习交流平台 ◦ 名称：AICan ◦ 理念：在 AIGC 时代，我们的目标是帮助每一个「设计人」更好的驾驭 AI，提升个人竞争力！ ◦ 网站主题风格：亮色、红色、橙色 ◦ 语言：英文 4. 一键生成网页！ 5. 生成网页模版，局部微调细节 GPTs——Instant Website [Multipage] 使用方法 成品展示 生成的网页，可以直接通过链接访问网页 3. 和Stunning AI交流设计需求，只需要和ai你问我答即可 ◦ 网站主题：AICan学习交流平台 ◦ 名称：AICan ◦ 理念：在 AIGC 时代，我们的目标是帮助每一个「设计人」更好的驾驭 AI，提升个人竞争力！ ◦ 网站主题风格：亮色、红色、橙色 ◦ 语言：英文 ◦ 网站主题：AICan学习交流平台 ◦ 名称：AICan ◦ 理念：在 AIGC 时代，我们的目标是帮助每一个「设计人」更好的驾驭 AI，提升个人竞争力！ ◦ 网站主题风格：亮色、红色、橙色 ◦ 语言：英文 4. 一键生成网页！ 5. 生成网页模版，局部微调细节 GPTs——Instant Website [Multipage] 使用方法 成品展示 生成的网页，可以直接通过链接访问网页 设计图生成html Figma to HTML https://www.figma.com/community/plugin/851183094275736358/figma to html Figma to HTML | Figma Figma to html is a figma plugin that helps convert your figma design to code easily without loosing any bit of your design or colors. This is made possible using only the priniciples of good design an • Figma to html是Figma用于生成html文件的小插件 • 适用于Figma设计稿，而不是图片 使用方法 1. 在设计好的界面中（以使用html.to.design抓取的apple官网为例），右击 Plugins Figma to HTML 2. 选取设计稿并设置转换目标为html文件，点击Convert 3. 开始下载，得到html文件 对话式生成html Literally Anything https://www.literallyanything.io/ Literally Anything — Gallery From the team at Big Human, LITERALLY ANYTHING is an AI creation tool that allows users to build any kind of app, game, widget, or digital service directly in their browser with text. • 优点：极其方便，可用于获得复杂网页的部分小组件的代码 • 缺点：功能单一，很难实现精美网页 使用方法 1. 描述想要生成的网页 2. 指令：做一个网页版世界时钟，同时显示北京时间和洛杉矶时间。 3. 点击Edit Code，显示html代码 Stunning https://stunning.so/ Stunning Build websites in seconds with AI. • 优点：便捷，制作的网页较为精美 • 缺点：灵活性不高 使用方法 1. 点击New Website，新建 2. 根据需求选择对应的模版，以选择“快速开始starter”为例