Quest AI 可以將 Figma 設(shè)計(jì)稿或者手稿轉(zhuǎn)換為 ReactJS 前端代碼，幫助設(shè)計(jì)人員或開發(fā)人員比以往更快地構(gòu)建全棧網(wǎng)站應(yīng)用程序。Quest 支持構(gòu)建任何 ReactJS 組件，可以構(gòu)建單個(gè)組件并將其添加到現(xiàn)有的 React 應(yīng)用程序中，也可以使用 Quest 構(gòu)建整個(gè)應(yīng)用程序。
Quest AI的主要功能
- 導(dǎo)出Figma設(shè)計(jì)，提供Figma插件將設(shè)計(jì)稿導(dǎo)出到Quest
- 同步代碼到GitHub，將生成的代碼推送到 GitHub 存儲庫，可以推送單個(gè)組件或整個(gè)應(yīng)用程序
- 實(shí)時(shí)預(yù)覽編好的組件，預(yù)覽模式進(jìn)行測試并查看代碼的工作情況
- 響應(yīng)式前端代碼，按照需要放大或縮小組件，或者根據(jù)屏幕尺寸更改布局，無需編寫任何代碼
- 支持NextJS，開箱即用的 NextJS 支持，并且可以選擇 JS 或 TS 導(dǎo)出代碼
- 支持輸入文本描述提示，AI自動生成對應(yīng)的功能代碼
如何使用Quest AI
- 訪問Quest的官網(wǎng)，并登錄/注冊賬號
- 登錄成功后會進(jìn)入到Quest的工作臺，點(diǎn)擊左上角的加號?按鈕
- 選擇Figma、上傳手稿截圖、或者提供的模板
- 點(diǎn)擊對應(yīng)的元素或組件進(jìn)行修改，并且可以在左下角輸入描述，AI自動生成功能性代碼
- 右上角可以點(diǎn)擊Git的圖標(biāo)同步代碼到GitHub，或者點(diǎn)擊下載圖標(biāo)導(dǎo)出代碼
Quest AI的產(chǎn)品價(jià)格
Quest AI提供不同的定價(jià)計(jì)劃以滿足不同的項(xiàng)目需求，初創(chuàng)企業(yè)和教育郵箱可獲得80%折扣
- Free免費(fèi)版，適用于個(gè)人項(xiàng)目，支持20個(gè)組件、1個(gè)工作空間、1個(gè)App、3個(gè)團(tuán)隊(duì)成員
- Pro付費(fèi)版，月付版每人每月58美元（年付版49美元/月），支持無限個(gè)組件、1個(gè)工作空間、2個(gè)App每工作空間、無限團(tuán)隊(duì)成員
- Business商業(yè)版，月付版每人每月93美元（年付版79美元/月），支持無限個(gè)組件、無限個(gè)工作空間、5個(gè)App每工作空間、無限團(tuán)隊(duì)成員
Telegram：
