# Fronty

AI 網站建立工具，可將截圖轉換為 HTML/CSS，並提供無程式碼編輯、託管與自訂網域支援。

- Findings24: <https://findings24.com/zh-TW/tools/fronty>
- 網站: <https://fronty.com>
- 價格: 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 便會產生可在其線上版面編輯器中編輯，或部署到 Fronty 伺服器上的 HTML/CSS 程式碼。

### Fronty 接受哪些類型的輸入？

來源內容指出，Fronty 接受截圖以及 JPEG/PNG 圖片，且其技術頁面也提到可將草圖檔案作為產生程式碼的輸入。

### Fronty 產生程式碼後我可以做什麼？

Fronty 的來源資料表示，你可以使用其無程式碼線上編輯器編輯內容與設計、下載原始程式碼，或直接在 Fronty 的主機服務上發佈網站。

### 我可以移除 Fronty 品牌標示嗎？

FAQ 指出，免費使用需要保留「Powered by Fronty」徽章，而付費方案可以移除。定價頁面也列出 freemium 與付費方案。

### Fronty 可以與現有應用程式或網站搭配使用嗎？

FAQ 提到現有應用程式的整合套件，包括可協助優化現有頁面並將線上版面編輯器加入應用程式的 Ruby on Rails gem。

## 快速資訊

- **類別**: AI 網站建置工具
- **主要工作流程**: 圖片或截圖轉 HTML/CSS
- **提到的輸入類型**: 截圖、JPEG/PNG、草圖檔案
- **主機**: Fronty 主機服務
- **定價**: freemium 與付費方案
- **來源網域**: fronty.com