# Fronty
AI 网站构建工具，可将截图转换为 HTML/CSS，并提供无代码编辑、托管和自定义域名支持。
- Findings24:
- 网站:
- 价格: Freemium
- 分类: AI平面设计, AI应用构建器, AI建站工具
## 什么是 Fronty？
Fronty 是一款基于 AI 的图片转 HTML/CSS 转换工具，可将网页截图或设计图片转换为可编辑的网站代码。该产品面向希望从可视化原型过渡到可用 HTML/CSS，而无需手动编写初始代码的用户。
在代码生成后，Fronty 允许用户在在线布局编辑器中优化内容和设计、下载源代码，或通过 Fronty 托管发布网站。网站还介绍了自定义域名、按方案划分的托管限制，以及适用于现有应用的集成包作为工作流程的一部分。
## Fronty 能做什么？
### 图片转代码转换
上传截图或图片，Fronty 会在几分钟内根据设计生成 HTML/CSS 代码。来源称输出内容旨在保持简洁且可编辑。
### 无代码网站编辑器
使用在线布局编辑器在代码生成后更改内容和设计。该编辑器定位为一种无代码方式来优化结果。
### 托管与代码导出
将完成的网站发布到 Fronty 的托管服务，或下载源代码供手动使用。该流程同时支持托管发布和代码导出。
### 域名和方案选项
绑定自定义域名，或使用 freemium 方案中包含的免费子域名。定价页面还列出了不同方案的托管和页面限制。
### 基于 Bootstrap 的输出
技术页面说明 Fronty 生成基于 Bootstrap 的代码，并应用压缩、优化图片和无障碍标记等最佳实践。
### 现有应用集成
Fronty 表示它支持现有应用集成，包括 FAQ 中提到的 Ruby on Rails gem，可用于在应用内使用编辑器并优化页面。
## 使用场景
### 将设计原型转换为可运行页面
设计师可以将网页原型转为代码，然后使用编辑器调整文案、样式和布局，而无需从头重建。
### 通过一个工作流程发布网站
小型团队可以创建网站、绑定自定义域名，并通过 Fronty 托管发布，而不是分别组合设计、编码和部署工具。
### 为客户工作创建基于代码的起点
代理机构可以根据客户截图生成第一版实现，然后再进行完善以便交付或进一步开发。
### 在现有应用内工作
维护现有应用的团队可以使用 FAQ 中描述的集成包，将 Fronty 的布局编辑器添加到应用中并优化现有页面。
### 先从小规模开始，之后再升级
只需要轻量级初始版本的用户可以先从免费方案开始，之后如果需要移除品牌标识或扩大使用，再升级到付费档位。
## 常见问题
### 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，可帮助优化现有页面并将在线布局编辑器添加到应用中。
## 快速信息
- **类别**: AI 网站构建工具
- **主要工作流**: 图片或截图转 HTML/CSS
- **提到的输入类型**: 截图、JPEG/PNG、草图文件
- **托管**: Fronty 托管服务
- **定价**: 免费增值和付费方案
- **来源域名**: fronty.com