图片转代码转换
上传截图或图片，Fronty 会在几分钟内根据设计生成 HTML/CSS 代码。来源称输出内容旨在保持简洁且可编辑。
概述
Fronty 是一款基于 AI 的图片转 HTML/CSS 转换工具，可将网页截图或设计图片转换为可编辑的网站代码。该产品面向希望从可视化原型过渡到可用 HTML/CSS，而无需手动编写初始代码的用户。
在代码生成后，Fronty 允许用户在在线布局编辑器中优化内容和设计、下载源代码，或通过 Fronty 托管发布网站。网站还介绍了自定义域名、按方案划分的托管限制，以及适用于现有应用的集成包作为工作流程的一部分。
功能
无代码网站编辑器
使用在线布局编辑器在代码生成后更改内容和设计。该编辑器定位为一种无代码方式来优化结果。
托管与代码导出
将完成的网站发布到 Fronty 的托管服务，或下载源代码供手动使用。该流程同时支持托管发布和代码导出。
域名和方案选项
绑定自定义域名，或使用 freemium 方案中包含的免费子域名。定价页面还列出了不同方案的托管和页面限制。
基于 Bootstrap 的输出
技术页面说明 Fronty 生成基于 Bootstrap 的代码，并应用压缩、优化图片和无障碍标记等最佳实践。
现有应用集成
Fronty 表示它支持现有应用集成，包括 FAQ 中提到的 Ruby on Rails gem，可用于在应用内使用编辑器并优化页面。
使用场景
将设计原型转换为可运行页面
设计师可以将网页原型转为代码，然后使用编辑器调整文案、样式和布局，而无需从头重建。
通过一个工作流程发布网站
小型团队可以创建网站、绑定自定义域名，并通过 Fronty 托管发布，而不是分别组合设计、编码和部署工具。
为客户工作创建基于代码的起点
代理机构可以根据客户截图生成第一版实现，然后再进行完善以便交付或进一步开发。
在现有应用内工作
维护现有应用的团队可以使用 FAQ 中描述的集成包，将 Fronty 的布局编辑器添加到应用中并优化现有页面。
先从小规模开始，之后再升级
只需要轻量级初始版本的用户可以先从免费方案开始，之后如果需要移除品牌标识或扩大使用，再升级到付费档位。
Pros and Cons
Pros
- 可在几分钟内将截图或图片转换为 HTML/CSS 代码。
- 包含在线编辑器，可在生成后修改内容和设计。
- 在同一工作流程中提供托管、自定义域名支持和代码下载。
- 提供免费层和付费方案，满足不同使用需求的团队。
Cons
- 免费使用需要在网站上保留 Fronty 品牌标识。
- 定价页面对不同方案设有限制，包括用户数、托管存储和低阶套餐的页面数量限制。
- 来源并未明确列出广泛的第三方集成目录。
FAQ
Fronty 用于什么？
Fronty 是一项由 AI 驱动的网页设计转代码服务。你上传网页设计的截图或图片后，Fronty 会生成 HTML/CSS 代码，你可以在其在线布局编辑器中进行编辑，或将其托管在 Fronty 的服务器上。
Fronty 接受哪些类型的输入？
来源说明 Fronty 支持截图和 JPEG/PNG 图片，其技术页面还提到可以将草图文件作为生成代码的输入。
Fronty 生成代码后我可以做什么？
Fronty 的来源材料表示，你可以使用其无代码在线编辑器修改内容和设计、下载源代码，或直接在 Fronty 的托管服务上发布网站。
我可以移除 Fronty 品牌标识吗？
FAQ 说明，免费使用需要保留“Powered by Fronty”徽章，而付费套餐可以移除它。定价页面也列出了免费和付费方案。
Fronty 可以与现有应用或网站一起使用吗？
FAQ 提到面向现有应用的集成包，包括一个 Ruby on Rails gem，可帮助优化现有页面并将在线布局编辑器添加到应用中。
Quick Facts
- 类别
- AI 网站构建工具
- 主要工作流
- 图片或截图转 HTML/CSS
- 提到的输入类型
- 截图、JPEG/PNG、草图文件
- 托管
- Fronty 托管服务
- 定价
- 免费增值和付费方案
- 来源域名
- fronty.com