Question 1

什麼是Quest？

Accepted Answer

**Quest** 是一個將 Figma 設計轉換為 React 代碼的工具，讓開發者能夠快速生成乾淨、可擴展的代碼。它支援 MUI 和 Chakra UI，並且能夠直接將代碼推送到 GitHub，幫助你更快地構建 React 應用。

Question 2

Quest的特色是什麼？

Accepted Answer

* **Figma 轉代碼**：將 Figma 設計直接轉換為 React 代碼，無需手動編寫。
* **動畫庫**：內建動畫庫，輕鬆創建狀態和變體動畫。
* **多螢幕體驗**：支援自定義斷點，打造響應式設計。
* **生產就緒代碼**：生成符合業界標準的乾淨代碼，易於擴展。
* **設計系統支援**：原生支援 MUI、Chakra 和 Ant（即將推出），並可輕鬆整合其他設計系統。

Question 3

Quest的使用案例有哪些？

Accepted Answer

* **產品團隊**：提升設計與開發的協作效率，快速迭代產品。
* **開發機構**：以更少的資源完成更多項目，提高收入。
* **新創公司**：加速產品開發與上市，避免前端資源不足的瓶頸。

Question 4

如何使用Quest？

Accepted Answer

1. 將 Figma 設計導入 Quest。
2. 選擇所需的組件庫（如 MUI 或 Chakra）。
3. 預覽生成的 React 代碼，並推送到 GitHub。
4. 根據需要擴展代碼，添加業務邏輯。

Question 5

Quest 支援哪些設計系統？

Accepted Answer

Quest 原生支援 MUI 和 Chakra UI，並即將支援 Ant Design。

Question 6

生成的代碼是否可擴展？

Accepted Answer

是的，Quest 生成的代碼乾淨且符合業界標準，易於擴展。

Question 7

如何將代碼推送到 GitHub？

Accepted Answer

在 Quest 中完成設計轉換後，可以直接將代碼推送到你的 GitHub 倉庫。